Style Guide
This style guide contains styles and elements that are used throughout the website.
Changes made here will be applied globally.
Brand
Logo
Logo Image
Logo SVG
Typography
Font
Primary Font
Manrope
Secondary Font
Geist
Headings
Heading 1
Lorem ipsum dolor sit amet
Heading 2
Lorem ipsum dolor sit amet
Heading 3
Lorem ipsum dolor sit amet
Heading 4
Lorem ipsum dolor sit amet
Heading 5
Lorem ipsum dolor sit amet
Heading 6
Lorem ipsum dolor sit amet
HTML Tags
Paragraphs
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.
Quote Blocks
Lorem ipsum dolor sit amet, consectetur adipiscing elit varius enim in eros.
Links
Unordered Lists
- 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.
Ordered Lists
- 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.
Rich Text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Color
Main Color
25
50
75
100
200
300
400
450
500
550
600
700
800
900
925
950
975
Accent Color
25
50
75
100
200
300
400
450
500
550
600
700
800
900
925
950
975
Neutral Color
Black
White
Transparent
Theme Color
Theme Base