Style Guide
Color Style
Primary Color
#f94735
Secondary Color
#0f333d
Light Color
#ffffff
Border Color
#e0e2e4
Shadow Color
#a6aee42b
Heading Color
#0f313a
Text Color
#6d6b6b
Background Color
#f1f3f5
Heading Style
This is a heading.
Heading 1
Font: "Space Grotesk"
Size: var(--bde-h1-font-size)
This is a heading.
Heading 2
Font: "Space Grotesk"
Size: var(--bde-h2-font-size)
This is a heading.
Heading 3
Font: "Space Grotesk"
Size: var(--bde-h3-font-size)
This is a heading.
Heading 4
Font: "Space Grotesk"
Size: var(--bde-h4-font-size)
This is a heading.
Heading 5
Font: "Space Grotesk"
Size: var(--bde-h5-font-size)
This is a heading.
Heading 6
Font: "Space Grotesk"
Size: var(--bde-h6-font-size)
Rich Text Style
H1
H2
H3
H4
H5
H6
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
