Primary Head - (AtypDisplay Semibold) 56/56px, -0.5px spacing
Subhead - (AtypText Regular) 24/auto auto spacing
Secondary Head - (AtypDisplay Semibold) 48/53px, auto spacing
Subhead - (regular) 24/32px, -0.5px spacing
Tertiary Head - (AtypDisplay Semibold) 36/48px, -0.5px spacing
Normal Body Copy - (regular) 18/22px, -.25px spacing.
paragraph height 10px. Lorem ipsum dolor sit amet.
Small Body Copy - (regular) 14/17px, -.2 spacing.
Lorem ipsum dolor sit amet.
CTA - (bold) 22px, -.66 spacing
use 90% alpha for hover state
Primary
$brand-primary-color
Primary Medium
$brand-primary-medium-color
Pimary Light
$brand-primary-light-color
Secondary
$brand-secondary-color
Link
$default-link-color
Text Black
$black-font-color
Text Dark
$dark-font-color
Text
$default-font-color
Text Light
$light-font-color
Rule
$brand-default-accents
Background
$background-grey
Spacing increments:
4,
8,
16,
24,
32,
64,
96,
128
Icon Library - plain
Icon Library - with shadow
