Colors
Primary palette
Primary 100
#09A144
Primary 200
#02413E
Primary 300
#63DE77
Primary 400
#1F605D
Primary 500
#006D4B
Neutral colors
Neutral 800
#090E0B
Neutral 700
#222624
Neutral 600
#525C57
Neutral 500
#83908A
Neutral 400
#B9C0BD
Neutral 300
#E4E7E6
Neutral 200
#F4F5F5
Neutral 100
#FFFFFF
Typography
Clarity City
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
Text style
Size
Line Height
Weights
Display 13
100px
1.2em
Regular
Semibold
Extra Bold
Display 12
80px
1.125em
Regular
Semibold
Extra Bold
Display 11
66px
1.09em
Regular
Semibold
Extra Bold
Display 10
56px
1.071em
Regular
Semibold
Extra Bold
Display 9
48px
1em
Regular
Semibold
Extra Bold
Display 8
36px
1.112em
Regular
Semibold
Extra Bold
Display 7
32px
1.25em
Regular
Semibold
Extra Bold
Display 6
28px
1.286em
Regular
Semibold
Extra Bold
Display 5
24px
1.25em
Regular
Semibold
Extra Bold
Display 4
18px
1.333em
Regular
Semibold
Extra Bold
Display 3
16px
1.375em
Regular
Semibold
Extra Bold
Display 2
14px
1.428em
Regular
Semibold
Extra Bold
Display 1
12px
1.5em
Regular
Semibold
Extra Bold

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

18px
1.667em
Regular
Semibold
Extra Bold

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

16px
1.25em
Regular
Semibold
Extra Bold

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

14px
1.571em
Regular
Semibold
Extra Bold

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

12px
1.5em
Regular
Semibold
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
Logo Icon
Buttons
Icon button
Primary
Secondary
Tertiary
Small
Default
Large
Small
Default
Large
Text button
Primary
Secondary
Tertiary
Small
Default
Large
Small
Default
Large
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
Icon font
Line icons rounded
Line icons squared
Filled icons
Social media square Icons
Avatars
Circle avatars
Inputs
Inputs
Default
Icon Left
Icon Right
Button
Box Text
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.
Text Area
Default
Default
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
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
Upload
Small
Select a file to upload
Or drag and drop it here

Explore our collection of 200+ Premium Webflow Templates