– Style Guide
Here is an overview of all text styles used for the project
Navigation
Headings
Font: Inter | Weight: Semibold | Color: Primary
Display Large
Font size: 68px
Display
Font size: 52px
Headline 1
Font size: 42px
Headline 2
Font size: 32px
Headline 3
Font size: 24px
Headline 4
Font size: 18px
Headline 5
Font size: 16px
Headline 6
Font size: 14px
Text
Font: Inter | Weight: Light | Color: Primary
Text 1
Font size: 18px
Text 2
Font size: 16px
Text 3
Font size: 14px
Text 4
Font size: 12px
Text 5
Font size: 10px
Colors
Brand | Primary | Secondary
Primary color
The primary color palette is used across all the interactive elements such as CTA, Links, Inputs, Active states etc.
Primary
#111111
Theme colors
These secondary colors are used as supporting colors in backgrounds, text colors, separators, models etc.
Contrast
#14111f
Secondary
#282046
Contrast Accent
#d0ccde
Tertiary
#f6f6fc
Base
#ffffff
Custom colors
These secondary colors are used as supporting colors in backgrounds, text colors, separators, models etc.
Green
#224230
Green Transparent
#1e3d2b1f
Purple Transparent
#4b1df212
