Colors
Neutral colors
Neutral 100
#000000
Neutral 200
#161616
Neutral 300
#404040
Neutral 400
#6D6D6D
Neutral 500
#A9A9A9
Neutral 600
#DEDEDE
Neutral 700
#F4F4F4
Neutral 800
#FFFFFF
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
Objectivity
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
DM Serif Display
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.05em
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.

18px
1.5em
Default
Mid
Strong

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

16px
1.5em
Default
Mid
Strong

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

14px
1.5em
Default
Mid
Strong
Shadows
Neutral shadows
Small
Regular
Medium
Large
Logo Icon
Logo full
Buttons
Primary button
Small
Default
Text
Icon
Number
Default
1
Default
1
Secondary button
Small
Default
Small
Default
Text
Icon
Number
Default
1
Default
1
Links
Links
Lists
Primary button
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
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
Icons
Social media square colored Icons
Social media Icons
Icon font
Line icons rounded
Line icons squared
Filled icons
Social media square Icons
Avatars
Square avatars
Default
24px
32px
40px
64px
120px
John Carter Avatar - Designflow X - Webflow Template | BRIX Templates
John Carter Avatar - Designflow X - Webflow Template | BRIX Templates
John Carter Avatar - Designflow X - Webflow Template | BRIX Templates
John Carter Avatar - Designflow X - Webflow Template | BRIX Templates
John Carter Avatar - Designflow X - Webflow Template | BRIX Templates
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.

Explore our collection of 200+ Premium Webflow Templates

Need to customize this template? Hire our Webflow team!