What Do We
Style Guide
Style Guide
Color Style
Primary Color
#536b5e
Secondary Color
#bbccc2
Light Color
#f5fbf7
Border Color
#e0e4ff59
Shadow Color
#a6aee42b
Heading Color
#042f23
Text Color
#536b5e
Background Color
#ffffff
Heading Style
This is a heading.
Heading 1
Font: "Bricolage Grotesque"
Size: var(--bde-h1-font-size)
This is a heading.
Heading 2
Font: "Bricolage Grotesque"
Size: var(--bde-h2-font-size)
This is a heading.
Heading 3
Font: "Bricolage Grotesque"
Size: var(--bde-h3-font-size)
This is a heading.
Heading 4
Font: "Bricolage Grotesque"
Size: var(--bde-h4-font-size)
This is a heading.
Heading 5
Font: "Bricolage Grotesque"
Size: var(--bde-h5-font-size)
This is a heading.
Heading 6
Font: "Bricolage Grotesque"
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