Style Guide
Explore the nuanced realm of typography, uncovering the ideal harmony between readability and style
Colors
#D2FF7E
#263017
#FFFFFF
#FAFFF1
#E4EEEB
Typography
Heading 1
Geist \ Bold
112px / 110%
The quick brown fox jumps over the lazy dog
Heading 2
Geist \ Medium
76px / 120%
The quick brown fox jumps over the lazy dog
Heading 3
Geist \ Regular
48px / 120%
The quick brown fox jumps over the lazy dog
Heading 4
Geist \ Regular
40px / 110%
The quick brown fox jumps over the lazy dog
Heading 5
Geist \ Regular
32px / 110%
The quick brown fox jumps over the lazy dog
Tag Text
Geist \ Regular
24px / 150%
This is some text inside of a div block.
Body 1
Inter \ Regular
24px / 150%
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
Inter \ Light
18px / 150%
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.
Buttons
Icons
