Style Guide
Explore the nuanced realm of typography, uncovering the ideal harmony between readability and style
Colors
#27A5FF
#3C58FB
#252525
#FFFFFF
#FCF7F0
#FCF4E8
Typography
Heading 1
Geist \ Light
124px / 110%
The quick brown fox jumps over the lazy dog
Heading 2
Geist \ Ultralight
96px / 110%
The quick brown fox jumps over the lazy dog
Heading 3
Geist \ Light
80px / 110%
The quick brown fox jumps over the lazy dog
Heading 4
Geist \ Light
28px / 130%
The quick brown fox jumps over the lazy dog
Body 1
Geist \ Ultralight
24px / 140%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.
Body 2
Bricolage Grotesque \ Light
20px / 130%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursu.
Icons
