Style Guide

Make style changes here and see them reflected across the website!

Typography

Lorem ipsum dolor sit amet

H1

Lorem ipsum dolor sit amet

H2

Lorem ipsum dolor sit amet

H3

Lorem ipsum dolor sit amet

H4
Lorem ipsum dolor sit amet
H5
Lorem ipsum dolor sit amet
H6

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.

Paragraph

Lorem ipsum dolor sit amet

Paragraph Small
  • List item 1
  • List item 2
  • List item 3
Unordered List
  1. List item 1
  2. List item 2
  3. List item 3
Ordered List
Block Quote
Block Quote

Color Palette

Jet Black
#2a2a29
Dark Grey
#56595d
Light Grey
#a5a6a8
Platinum
#e9e5e5
Electric Indigo
#775eff
Dark Indigo
#6100ff

Buttons

"Dark BG" means when the button is used over a dark background whereas "Light BG" means when the button is used over a light background. While they may look quite similar at first glance, notice the difference when you hover over the buttons. This is to ensure accessibility across all buttons whether used on dark or light backgrounds.

Button Text
Button Primary Dark BG
Button Text
Button Primary Light BG
Button Text
Button Secondary Dark BG
Button Text
Button Secondary Light BG