Colors
Primary palette
Red
#FF2D46
Blue
#0084FE
Yellow
#FFBF1A
Green
#00BA57
Secondary colors
Red 400
#FE566B
Red 300
#FB93A3
Red 200
#FAC6D0
Red 100
#FFECEF
Blue 400
#4E9FFF
Blue 300
#8DC1FF
Blue 200
#C3DDFF
Blue 100
#E3EFFF
Yellow 400
#FED133
Yellow 300
#FBE080
Yellow 200
#FAEDBF
Yellow 100
#FFFAE9
Green 400
#81E492
Green 300
#ADECBB
Green 200
#D3F2DD
Green 100
#EEF9F5
Neutral colors
Neutral 800
#001A56
Neutral 700
#292E38
Neutral 600
#545D73
Neutral 500
#A4ABBC
Neutral 400
#C1C6D2
Neutral 300
#E1E4EA
Neutral 200
#F6F7FA
Neutral 100
#FFFFFF
Color overlay
Dark 80%
#19213D
Dark 65%
#19213D
Dark 50%
#19213D
Dark 40%
#19213D
White 80%
#FFFFFF
White 65%
#FFFFFF
White 50%
#FFFFFF
White 40%
#FFFFFF
Typography
Objectivity
Regular
Semi Bold
Extra Bold
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 12
98px
1em
Regular
Medium
Extra Bold
Display 11
72px
1em
Regular
Medium
Extra Bold
Display 10
60px
1em
Regular
Medium
Extra Bold
Display 9
48px
1.209em
Regular
Medium
Extra Bold
Display 8
36px
1.111em
Regular
Medium
Extra Bold
Display 7
30px
1.2em
Regular
Medium
Extra Bold
Display 6
24px
1.333em
Regular
Medium
Extra Bold
Display 5
20px
1.4em
Regular
Medium
Extra Bold
Display 4
18px
1.333em
Regular
Medium
Extra Bold
Display 3
16px
1.375em
Regular
Medium
Extra Bold
Display 2
14px
1.429em
Regular
Medium
Extra Bold
Display 1
12px
1.429em
Regular
Medium
Extra Bold

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

18px
1.555em
Regular
Medium
Extra Bold

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

16px
1.5em
Regular
Medium
Extra Bold

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

14px
1.571em
Regular
Medium
Extra Bold

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

12px
1.5em
Regular
Medium
Extra Bold
Shadows
Neutral shadows
Shadow 01
Shadow 02
Shadow 03
Shadow 04
Shadow 05
Shadow 06
Primary color shadows
Shadow 01
Shadow 02
Shadow 03
Shadow 04
Shadow 05
Shadow 06
Secondary color shadows
Shadow 01
Shadow 02
Shadow 03
Shadow 04
Shadow 05
Shadow 06
Logo Icon
Logo + Text
Logo full
Buttons
Primary button
Secondary button
Tertiary button
Icon button
Primary
Secondary
Tertiary
Text button
Primary
Secondary
Tertiary
Small
Default
Large
Small
Default
Large
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
Links
Links
Lists
Primary button
Regular
Semi Bold
Extra Bold
Regular
Semi Bold
Extra Bold
Regular
Semi Bold
Extra Bold
Icon
Bullet
Number
Icon
Bullet
Number
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  1. List item
  1. List item
  1. List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  1. List item
  1. List item
  1. List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  1. List item
  1. List item
  1. List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  1. List item
  1. List item
  1. List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  1. List item
  1. List item
  1. List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  1. List item
  1. List item
  1. List item
Icons
Square Icons
Social media square colored Icons
Social media square Icons
Icon font
Line icons rounded
Line icons squared
Filled icons
Social media square Icons
Avatars
Square avatars
Circle avatars
Inputs
Inputs
Default
Icon Left
Icon Right
Button
Box Text
Default
Icon Left
Icon Right
Button
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.
https://
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.
https://
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
Default
Icon Left
Default
Icon Left
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
Default
Icon Left
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
Badges
Badges
Default
Right Icon
Left Icon
Default
Right Icon
Left Icon
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default
Default

Explore our collection of 200+ Premium Webflow Templates