Style Guide

Typography

Karla

The primary font used is Karla.

Heading Styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Text Classes

Label primary
Label secondary
Text Size Large
Text Size Regular
Text Size Small

Buttons

Text Weights

Text Weight Regular
Text Weight Medium
Text Weight Bold

Color Palette

Primary
Secondary

Complementary

White
Black
Neutral 100
Neutral 200
Neutral 300
Neutral 400
Neutral 500
Neutral 600

Neutral Palette

White
Black
Neutral 100
Neutral 200
Neutral 300
Neutral 400
Neutral 500
Neutral 600

Rich Text

Heading 1

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Heading 2

  • Lorem ipsum dolor sit amet, consectetur
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  • Lorem ipsum dolor sit amet, consectetur adi

Heading 3

  1. Lorem ipsum dolor sit amet, consectetur
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
  3. Lorem ipsum dolor sit amet, consectetur adi

Heading 4

Heading 5
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Heading 6

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.