Colors
Primary colors
Primary 100
#A4ADFF
Primary 200
#4C68FF
Primary 300
#FFA87B
Primary 400
#FFD178
Primary 500
#14CA74
Primary 600
#EDF0F5
Secondary colors
Secondary 100
#E1E4FF
Secondary 200
#9FE2FF
Secondary 300
#FFEEE5
Secondary 400
#FEF3DC
Secondary 500
#8FE7BD
Secondary 600
#CFF4E2
Secondary 700
#D2F1FF
Secondary 800
#e5f8e8
Neutral colors
Neutral 100
#FFFFFF
Neutral 200
#F9FAFD
Neutral 300
#DCE0EA
Neutral 400
#B0B8CC
Neutral 500
#8F9CBB
Neutral 600
#66759A
Neutral 700
#384B78
Neutral 800
#112359
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
Plus Jakarta Sans
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 10
72px
1.115em
Default
Mid
Strong
Display 9
60px
1.115em
Default
Mid
Strong
Display 8
48px
1.125em
Default
Mid
Strong
Display 7
36px
1.125em
Default
Mid
Strong
Display 6
30px
1.125em
Default
Mid
Strong
Display 5
24px
1.125em
Default
Mid
Strong
Display 4
20px
1.125em
Default
Mid
Strong
Display 3
18px
1.125em
Default
Mid
Strong
Display 2
16px
1.125em
Default
Mid
Strong
Display 1
14px
1.125em
Default
Mid
Strong

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

20px
1.150em
Default
Mid
Strong

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

18px
1.150em
Default
Mid
Strong

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

14px
1.150em
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
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
Security Icon - Saasfy X Webflow Template Team Work Icon - Saasfy X Webflow Template Transparency Icon - Saasfy X Webflow Template Projects and Tasks Icon - Saasfy X Webflow Template Accountability Icon - Saasfy X Webflow Template Engineering Yellow Icon - Saasfy X Webflow Template Sales Team Green Icon - Saasfy X Webflow Template Label Icon - Saasfy X Webflow Template Sales Team Icon - Saasfy X Webflow Template Built-in Integrations Icon - Saasfy X Webflow Template User Journey Icon - Saasfy X Webflow Template Funnel Optimization Icon - Saasfy X Webflow Template A/B Testing Icon - Saasfy X Webflow Template Custom Reports Icon - Saasfy X Webflow Template User Analytics Icon - Saasfy X Webflow Template Phone Blue Icon - Saasfy X Webflow Template Email Yellow Icon - Saasfy X Webflow Template Location Icon - Saasfy X Webflow Template Email Icon - Saasfy X Webflow Template Email Green Icon - Saasfy X Webflow Template Reset Password Icon - Saasfy X Webflow Template Medical Insurance Icon - Saasfy X Webflow TemplateGreat Culture Icon - Saasfy X Webflow Template Career Growth Icon - Saasfy X Webflow Template Innovation Icon - Saasfy X Webflow Template Flexible Hours Icon - Saasfy X Webflow Template Remote Icon - Saasfy X Webflow Template Security Icon - Saasfy X Webflow Template Key Icon - Saasfy X Webflow Template Unlimited PTO Icon - Saasfy 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
John Carter Avatar - Saasfy X Webflow Template
John Carter Avatar - Saasfy X Webflow Template
John Carter Avatar - Saasfy X Webflow Template
John Carter Avatar - Saasfy X Webflow Template
John Carter Avatar - Saasfy 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.
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.
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

Need to customize this template? Hire our Webflow team!