1. Colours

Navy
#132A39
Orange
#FF4E00
Off White
#F7F8F9
Border Grey
#E4E7EB
Gray
#5A6875
Light Gray
#C6C6C6
Light Gray 2
#F0F0F0

2. Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

3. Layout Utilities

Containers

container-large — max-width 1200px
container-medium — max-width 960px

Padding

padding-small — 40px top/bottom
padding-medium — 64px top/bottom
padding-large — 96px top/bottom

4. Page Structure

Apply this structure to every new page built from this point forward.

Body
└── page-wrapper
    ├── Navbar
    ├── section
    │   └── container-large  or  container-medium
    │       └── padding-small / padding-medium / padding-large
    │           └── Content
    └── Footer

Components

Buttons, cards, and other UI components will be documented here as they are built.