Style Guide

This page contains the default styles and components used throughout the template. Any changes made here will apply globally across the site.

Typography

H1

This is a header

This is a header
H2

This is a header

This is a header
H3

This is a header

This is a header
H4

This is a header

This is a header
H5
This is a header
This is a header
H6
This is a header
This is a header
small text

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.

Default text

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.

large text

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.

quote
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.
Unordered list
  • This is an unordered list.
  • This is an unordered list.
  • This is an unordered list.
ordered list
  1. This is an ordered list.
  2. This is an ordered list.
  3. This is an ordered list.
link
This is a text link

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

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.

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C
Minimalist black and white illustration of a woman sitting cross-legged in a meditative pose with a calm expression.
An image with a caption.

Text link

Bold text

Emphasis

Superscript

Subscript

Colors

Buttons

Primary
Button Text
Secondary
Button Text
full width
Button Text

Spacers

XSmall
Small
medium
large
xlarge