Styleguide

Headings

Lorem ipsum dolor sit amet, consectet.

Heading 1

Lorem ipsum dolor sit amet, consectet.

Heading 2

Lorem ipsum dolor sit amet, consectet.

Heading 3

Lorem ipsum dolor sit amet, consectet.

Heading 4

Lorem ipsum dolor sit amet, consectet.

Heading 5

Lorem ipsum dolor sit amet, consectet.

Heading 6

Lorem ipsum dolor sit amet, consectet.

Body
Utility
Caption
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim. olore magna aliqua. Ut enim.
Highlighted text

BLOCKQUOTE

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.

Lists

  • Sed ut perspiciatis unde omnis iste natus error sit voluptatem.
  • Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.
  • Ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Bullet List
  1. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.
  2. Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.
  3. Ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Number List

Link

Inline link

Colors

F4F0E9
Blanc de Blanc
Primary Color
DAD5CE
Stone
Secondary color
2E2A2B
Ink
Our darkest color – usually black
626262
Subdued
A lighter version of Ink for hierarchy
F7F7F7
Reverse
Our lightest color – usually white

Buttons

Button Text
Primary
Button Text
Primary Disabled
Button Text
Secondary
Button Text
Secondary Disabled
Button Text
Tertiary
Button Text
Tertiary Disabled

Form Fields

Label
Dropdown
Input
Textarea

Label
Dropdown Disabled
Input Disabled
Textarea Disabled

Label
This is an error message.
Dropdown Error
This is an error message.
Input Error
This is an error message.
Textarea Error

Toggles

Radio
Checkbox