Heading Tags
H1

Heading

H2

Heading

H3

Heading

H4

Heading

Heading classes
H1 Styling
Heading
H2 Styling
Heading
H3 Styling
Heading
H4 Styling
Heading
text tags
Paragraph Tag

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.

Link Tag
Text Link
Unordered List Tag + List Item Tag
  • List Item
  • List Item
  • List Item
Ordered List Tag + List Item Tag
  1. List Item
  2. List Item
  3. List Item
Block Quote Tag
Block Quote
Colour Gradients
Text Alternative - Large
Additional Text Classes
Text Alternative - Small

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.

Text Alternative - Medium

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.

Text Alternative - Medium

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.

Text Alternative - Large

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.

Text Tag Alternatives
Link Text Alternative
Text Link
Unordered List Item Alternative
  • List Item
  • List Item
  • List Item
Block Quote Text Alternative
Block Quote
Section Classes
*More "Padding Horizontal" options if necessary
Container
Padding Horizontal
Padding Left
Padding Right
Padding Vertical
Padding Upper
Padding Lower
Padding Vertical (Large)
Padding Upper (Large)
Padding Lower (Large)
Padding Vertical (Regular)
Padding Upper (Small)
Padding Lower (Small)
Global Classes
Hide Desktop
Hide Desktop
Hide Tablet
Hide Landscape
Hide Portrait
Is Relative
Auto Margin
Overflow Hidden
Overflow Seen
Grid Section Spacer
Design System Styling
Style Guide Signifier Block
Style Guide Signifier Box