Typographic Scale

Text-xl-5 50px
Tertia 44px
Meridian 36px
Paragon 28px
Columbian 24px
Grand 20px
Normal 18px
Primer 16px
Petite 14px
Minion 12px
Non-pariel 10px

Headings

Heading 1

H1 Heading / Lato Black / 36px / 44px line-height / 0px letter-spacing

Heading 2

H2 Heading / Lato Black / 28px / 34px line-height / 0px letter-spacing

Heading 3

H3 Heading / Lato Black / 22px / 27px line-height / 0px letter-spacing

Heading 4

H4 Heading / Lato Black / 18px / 22px line-height / 0px letter-spacing

Heading 5

H5 Heading / Lato Black / 16px / 19px line-height / 0px letter-spacing

Buttons

Variations
Sizes

Links

Variations

Scorched messiah mates along mantra. The nothing desires the persistent Irulan, before Inline Link even though sadness. The force during naib cannot die the politics, underneath the Muad'Dib slips subtlety. Below native wherever doctor, upon spannungsbogen and the weakness.

Colors

Brand
brand-1
brand-2
Interactive
interactive-primary
interactive-secondary
accent-1
Neutral
neutral-1
neutral-2
Support
support-success
support-warning
support-error

Icons

Add

Arrow-down

Arrow-left

Arrow-right

Arrow-right-normal

Arrow-up

Asl-ad

Benefit-check

Building

Calendar

Caret-down

Caret-up

Check

Clock

Close

Collapse

Email-icon

Expand

Facebook

Facebook-icon

Facebook-white-icon

Flower-blue

Flower-green

Flower-red

Flower-yellow

Heart

Hours-circle

House

Info

Instagram

Instagram-white-icon

Irt-full-stacked-logo

Linkedin-icon

List

Location

Location-circle

Menu

Menu-icon

Minus

Pattern

Pause

Phone-circle

Phone-orange

Pinterest-icon

Play

Question

Search

Search-bold

Settings

Sf

Sms-icon

Support-check

Ticket

Twitter

Twitter-white-icon

Warning

Wifi

X-icon

Youtube

Youtube-white-icon

Spacing

Horizontal
Quarter - 4.5px
Half - 9px
Full - 18px
Double - 36px
Vertical
Quarter - 5px
Half - 10px
Full - 20px
Double - 40px

Grid System

.grid__lg-1of12
12
12
12
12
12
12
12
12
12
12
12
12
.grid__lg-half
half
half
.grid__lg-third
third
third
third
.grid__lg-quarter
quarter
quarter
quarter
quarter
.grid__med-1of9
9
9
9
9
9
9
9
9
9
.grid__med-half
half
half
.grid__med-third
third
third
third
.grid__med-quarter
quarter
quarter
quarter
quarter
.grid__sm-1of4
4
4
4
4
.grid__sm-half
half
half
.grid__sm-third
third
third
third
.grid__sm-quarter
quarter
quarter
quarter
quarter

Flex System

Flex grid
.flex
.flex__col
.flex__col
.flex__col
.flex__col
Flex Grid w/Gutters
.flex .flex__gutters
.grid__lg-half .grid__med-half .grid__sm-half
.grid__lg-half .grid__med-half .grid__sm-half