Title Bar

Styleguide

Headings

H1/Lato/Bold/60px

H2/Lato/Semibold/48px

H3/Lato/Semibold/42px

H4/Lato/Semibold/36px

H5/Lato/Semibold/24px
H6/Lato/Semibold/20px

Quote/Lato/Semibold Italic/24px

Subhead1/Lato/Heavy/21px
Subhead2/Lato/Heavy/16px

Typography

Paragraph small

Paragraph Default

Paragraph large


This is a longer paragraph with the stylings of small. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus sodales efficitur. Suspendisse nulla sapien, ultrices sit amet hendrerit eu, tristique at nulla.


This is a longer paragraph with the default styles. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus sodales efficitur. Suspendisse nulla sapien, ultrices sit amet hendrerit eu, tristique at nulla.


This is a longer paragraph with the stylings of large. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus sodales efficitur. Suspendisse nulla sapien, ultrices sit amet hendrerit eu, tristique at nulla.

Headings - Rich Text Editor

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6

This is a longer paragraph with the default styles. This is a link, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus sodales efficitur. Suspendisse nulla sapien, ultrices sit amet hendrerit eu, tristique at nulla.

Links

Iconography

Default
Hover

Drawers

Modals

Spacing / Gutters

0.25

0.5

1

2

3

4

5

6

7

8

Grid Examples

full width cell
full width cell
6 cells
6 cells
1
1
1
1
1
1
1
1
1
1
1
1
12/6/4 cells
12/6/8 cells

Pagination