Colors
Primary colors
Primary 100
#2E0DB1
Primary 200
#FFF6E5
Primary 300
#F5F0FF
Primary 400
#E0F4FF
Primary 500
#FFEFFA
Primary 600
#EDF9EB
Secondary colors
Secondary 100
#63C06C
Secondary 200
#F7805A
Secondary 300
#A276FF
Secondary 400
#64C7FF
Secondary 500
#FF72D3
Neutral colors
Neutral 100
#FFFFFF
Neutral 200
#F5F5F5
Neutral 300
#E0E0E7
Neutral 400
#D4D4E0
Neutral 500
#B1B1C4
Neutral 600
#828295
Neutral 700
#4B4B5D
Neutral 800
#000326
Color overlay
Light 100
#ffffff66
Light 200
#ffffff80
Light 300
#ffffffa6
Light 400
#ffffffcc
Dark 100
#19213d66
Dark 200
#19213d80
Dark 300
#19213da6
Dark 400
#19213dcc
Typography
Urbanist
Default
Mid
Strong
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Kk Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Download font
Text style
Size
Line Height
Weights
Display 11
96px
0.9em
Default
Mid
Strong
Display 10
80px
1.115em
Default
Mid
Strong
Display 9
60px
1.115em
Default
Mid
Strong
Display 8
48px
1.300em
Default
Mid
Strong
Display 7
36px
1.300em
Default
Mid
Strong
Display 6
30px
1.300em
Default
Mid
Strong
Display 5
24px
1.300em
Default
Mid
Strong
Display 4
20px
1.300em
Default
Mid
Strong
Display 3
18px
1.300em
Default
Mid
Strong
Display 2
16px
1.300em
Default
Mid
Strong
Display 1
14px
1.300em
Default
Mid
Strong

Paragraph Large - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

18px
1.600em
Default
Mid
Strong

Paragraph Default - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

16px
1.600em
Default
Mid
Strong

Paragraph Small - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

14px
1.600em
Default
Mid
Strong
Shadows
Neutral shadows
Small
Regular
Medium
Large
Primary color shadows
Small
Regular
Medium
Large
Secondary color shadows
Small
Regular
Medium
Large
Logo Icon
Logo + Text
Logo full
Buttons
Primary button
Small
Default
Small
Default
Text
Icon
Number
Text
Icon
Number
Default
1
Default
1
Default
1
Default
1
Secondary button
Small
Default
Small
Default
Text
Icon
Number
Text
Icon
Number
Default
1
Default
1
Default
1
Default
1
Tertiary button
Small
Default
Small
Default
Text
Icon
Number
Text
Icon
Number
Default
1
Default
1
Default
1
Default
1
Links
Links
Lists
Primary button
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Icon
Bullet
Number
Icon
Bullet
Number
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
Icons
Square Icons
Passion And Love Icon - Skincare X Webflow TemplateQuality And Innovation Icon - Skincare X Webflow TemplateCrueltry Free Icon - Skincare X Webflow TemplateCruelty Free Icon Inside - Skincare X Webflow TemplateFragance Free Icon Inside - Skincare X Webflow TemplateParaben Free Icon Inside - Skincare X Webflow TemplatePlant Based Icon Inside - Skincare X Webflow TemplatePregnacy Safe Icon Inside - Skincare X Webflow TemplateDermatologist Approved Icon Inside - Skincare X Webflow TemplatePlant Based 02 Icon Inside - Skincare X Webflow TemplateChat Icon - Skincare X Webflow TemplateSales Icon - Skincare X Webflow TemplateSupport Icon - Skincare X Webflow TemplateEmail Us Icon - Skincare X Webflow TemplateDermatologist Approved 02 Icon Inside - Skincare X Webflow Template
Social media square colored Icons
Social media square Icons
Icon font
Line icons rounded
Line icons squared
Filled icons
Social media square Icons
Avatars
Circle avatars
Default
24px
32px
40px
64px
120px
Sahara Smith Team Square Image - Skincare X Webflow Template
Sahara Smith Team Square Image - Skincare X Webflow Template
Sahara Smith Team Square Image - Skincare X Webflow Template
Sahara Smith Team Square Image - Skincare X Webflow Template
Sahara Smith Team Square Image - Skincare X Webflow Template
Inputs
Inputs
Small
Default
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Area
Small
Default
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Select
Small
Default
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Checkboxes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Radio buttons
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Toggle Button
Placeholder
Placeholder
Upload
Select a file to upload
Or drag and drop it here
Upload file

Explore our collection of 200+ Premium Webflow Templates