Style Guide

This page outlines the design elements, color schemes, typography, and other crucial stylistic details essential to maintaining visual consistency throughout the project.

Structure
Core
Page Wrapper
Main
Section
Spacing Section
Container
Container
Tiny
Container
Small
Container
Container
Full Width
Container
Full Height
Typography
Headings
Display
Headline Style Display
Dd
H1
Heading 1
Heading Style H1

h1

h1
H2
Heading 2
Heading Style H2

h2

h2
H3
Heading 3
Heading Style H3

h3

h3
H4
Heading 4
Heading Style H4

h4

h4
H5
Heading 5
Heading Style H5
h5
h5
H6
Heading 6
Heading Style H6
h6
h6
Other elements
Paragraph
Paragraph

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 cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Block quote
Block Quote
The Block quote element lets you add and style a quotation to make it stand out from the rest of your text.
Unordered Lists
Link
  • Sample text is being used as a placeholder.
  • Sample text is being used as a placeholder.
  • Sample text is being used as a placeholder.
Ordered Lists
Link
  1. Sample text is being used as a placeholder.
  2. Sample text is being used as a placeholder.
  3. Sample text is being used as a placeholder.
Link
Link
Text sizes
Large
Text Size Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam suscipit rhoncus urna, sed venenatis magna pulvinar facilisis.
Medium
Text Size Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam suscipit rhoncus urna, sed venenatis magna pulvinar facilisis.
Small
Text Size Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam suscipit rhoncus urna, sed venenatis magna pulvinar facilisis.
Labels
Support Small
Text Support
Tiny
Text Support
Support Small
Text Support
Small
Text Support
Suport
Text Support
Text Support
Support Big
Text Support
Big
Text Support
Rich Text
Regular
Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Caption text
  • Sample text is being used as a placeholder.
  • Sample text is being used as a placeholder.
  • Sample text is being used as a placeholder.
  1. Sample text is being used as a placeholder.
  2. Sample text is being used as a placeholder.
  3. Sample text is being used as a placeholder.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Buttons
White
Multiple classes
Black
Multiple classes