Style Guide
Color Style
Primary Color
#
Secondary Color
#
Accent Color
#
Border Color
#
Shadow Color
#
Heading Color
#
Text Color
#
Background Color
#
Heading Style
This is a heading.
Heading 1
font-family: "DM Sans"
Size: var(--bde-h1-font-size)
This is a heading.
Heading 2
font-family: "DM Sans"
Size: var(--bde-h2-font-size)
This is a heading.
Heading 3
font-family: "DM Sans"
Size: var(--bde-h3-font-size)
This is a heading.
Heading 4
Font: "LoremIpsum"
Size: var(--bde-h4-font-size)
This is a heading.
Heading 5
Font: "LoremIpsum"
Size: var(--bde-h5-font-size)
This is a heading.
Heading 6
Font: "LoremIpsum"
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