Styleguide
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
Buttons
Iconography
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