Colors
Neutral colors
Neutral 800
#0F0B08
Neutral 700
#49433F
Neutral 600
#867C74
Neutral 500
#B6AFAA
Neutral 400
#CDC9C6
Neutral 300
#E7E5E4
Neutral 200
#FDFAF9
Neutral 100
#FFFFFF
Illustration colors
Color 400
#E5C5AC
Color 300
#F9DFD0
Color 200
#FFF1E9
Color 100
#FFF8F4
Color overlay
Dark 80%
#49433f
Dark 65%
#49433f
Dark 50%
#49433f
Dark 40%
#49433f
White 80%
#FFFFFF
White 65%
#FFFFFF
White 50%
#FFFFFF
White 40%
#FFFFFF
Typography
Prodigy Sans
Regular
Medium
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
Merchant
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
76px
1.131em
Extra Light
Normal
Medium
Display 11
72px
1.143em
Extra Light
Normal
Medium
Display 10
60px
1em
Extra Light
Normal
Medium
Display 9
48px
1.125em
Extra Light
Normal
Medium
Display 8
36px
1.111em
Extra Light
Normal
Medium
Display 7
30px
1.2em
Extra Light
Normal
Medium
Display 6
24px
1.333em
Extra Light
Normal
Medium
Display 5
20px
1.4em
Extra Light
Normal
Medium
Display 4
18px
1.333em
Extra Light
Normal
Medium
Display 3
16px
1.375em
Extra Light
Normal
Medium
Display 2
14px
1.429em
Extra Light
Normal
Medium
Display 1
12px
1.5em
Extra Light
Normal
Medium

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

18px
1.556em
Regular
Medium

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

16px
1.5em
Regular
Medium

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

14px
1.571em
Regular
Medium

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

12px
1.5em
Regular
Medium
Shadows
Neutral shadows
Shadow 01
Shadow 02
Shadow 03
Shadow 04
Shadow 05
Shadow 06
Logo Icon
Logo + Text
Logo full
Buttons
Primary button
Secondary button
Icon button
Primary
Secondary
Tertiary
Small
Default
Large
Small
Default
Large
Text button
Primary
Secondary
Tertiary
Small
Default
Large
Small
Default
Large
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
Social media link 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
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
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.
Select
Default
Icon Left
Small
Default
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

Explore our collection of 200+ Premium Webflow Templates

Like Yogastic X Webflow Template? Get it today on the Webflow Marketplace
Buy now