Colors

primary-0

primary-50

primary-100

primary-200

primary-300

primary-400

primary-500

primary-600

primary-700

primary-800

primary-900

primary-950

secondary-50

secondary-100

secondary-200

secondary-300

secondary-400

secondary-500

secondary-600

secondary-700

secondary-800

secondary-900

secondary-950

neutral-0

neutral-50

neutral-100

neutral-200

neutral-300

neutral-400

neutral-500

neutral-600

neutral-700

neutral-800

neutral-900

neutral-950

Typography

Tagline Light Here

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Tagline Here

text-3xs

text-2xs

text-xs

text-s

text-m

text-l

text-xl

text-2xl

Buttons

btn largebtn defaultbtn smallbtn default smallbtn lightbtn primarybtn outline
btn outline light

btn with icon

Text link

Lists

  • List primary here
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id auctor dui.
  • List item 3
  • List item 4
  • List item 5
  • List unstyled here
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id auctor dui.
  • List item 3
  • List item 4
  • List item 5
  • List primary fill here
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id auctor dui. Link here.
  • List item 3
  • List item 4
  • List item 5
  1. List numbered here
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id auctor dui.
  3. List item 3
  4. List item 4
  5. List item 5
  • List secondary fill here
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus id auctor dui.
  • List item 3
  • List item 4
  • List item 5

Icons

Radius

radius-xs

radius-s

radius-m

radius-l

radius-full

icon-angle icon-bars icon-times