Skip to Content

Style Guide

Displays all the global elements that make up the design system. You can check out all the flexible modules available by clicking the button below.

Colors

#015A94
#0C71C3
#86091E
#D67A00 [link color]
#000001
#A7A9AC
#E6E7E8

Text Elements

H1 Hero

H1 Lorem Ipsum

H2 Nam Fringilla

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita dicta inventore officiis voluptates natus, consequuntur maxime porro explicabo dolor adipisci.

H3 Consectetur adipiscing

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita dicta inventore officiis voluptates natus, consequuntur maxime porro explicabo dolor adipisci.

H4 estibulum id libero tempor, laoreet liberog sed, condimentum erat sit.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita dicta inventore officiis voluptates natus, consequuntur maxime porro explicabo dolor adipisci.

Eybrow

label

Source

Body Paragraph: Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita dicta inventore officiis voluptates natus, consequuntur maxime porro explicabo dolor adipisci.

Large paragraph: Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita dicta inventore officiis voluptates natus, consequuntur maxime porro explicabo dolor adipisci.

Nulla lorem ipsum dolor sit amet lorem

Module Title

Module Description: lorem ipsum dolor sit amet consectetur.

Bullets

  • Bulleted List Item 1
  • Bulleted List Item 1
  • Bulleted List Item 1
    • Bulleted List SubItem 1
    • Bulleted List SubItem 1
  1. Numbered List Item 1
  2. Numbered List Item 1
  3. Numbered List Item 1
    • Numbered List SubItem 1
    • Numbered List SubItem 1

Buttons & Links

Lorem ipsum dolor sit text link amet consectetur adipiscing.

CTA Link

Dark Button

Dark Disabled

Light Button

Light Button

Form Elements