-
$palette-dark#1b1d21 -
$palette-emphasis#1b2435 -
$palette-light#f7f7f9 -
$palette-text#272b31 -
$palette-light-text#858789 -
$palette-link#166bff -
$palette-primary#1481a4 -
$palette-secondary#62778e -
$palette-border#d8d8d8 -
$palette-success#2fa708 -
$palette-error#f54323
Color Palette
Font Families
- AaLato Light Weight: 300 Style: Normal
- AaLato Regular Weight: 400 Style: Normal
- AaLato Regular Italic Weight: 400 Style: Italic
- AaLato Bold Weight: 700 Style: Normal
- AaMerriweather Light Weight: 300 Style: Normal
- AaMerriweather Regular Weight: 400 Style: Normal
- AaMerriweather Regular Italic Weight: 400 Style: Italic
Typography
Headings
Paragraphs
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, laboriosam nihil expedita aliquid architecto iure, dolore impedit. Doloremque modi, quasi obcaecati laudantium incidunt, tenetur nam accusamus error, tempore sequi illo.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, laboriosam nihil expedita aliquid architecto iure, dolore impedit. Doloremque modi, quasi obcaecati laudantium incidunt, tenetur nam accusamus error, tempore sequi illo.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, laboriosam nihil expedita aliquid architecto iure, dolore impedit. Doloremque modi, quasi obcaecati laudantium incidunt, tenetur nam accusamus error, tempore sequi illo.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, laboriosam nihil expedita aliquid architecto iure, dolore impedit. Doloremque modi, quasi obcaecati laudantium incidunt, tenetur nam accusamus error, tempore sequi illo.
Blockquotes
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam sint doloremque officiis ut, doloribus, totam mollitia dicta. Explicabo nemo est maxime recusandae placeat cum quae quidem, quia magni.
Blockquote Caption
Other Type
Strong Copy
Emphasized Copy
Inline Anchor Link
Small Copy
- Onions
- Tomatos
- Beans
- Onions
- Tomatos
- Beans
Horizontal Rulers
Forms
Inputs
Grid
@include grid-cell(12)
@include grid-cell(1)
@include grid-cell(11)
@include grid-cell(2)
@include grid-cell(10)
@include grid-cell(3)
@include grid-cell(9)
@include grid-cell(4)
@include grid-cell(8)
@include grid-cell(5)
@include grid-cell(7)
@include grid-cell(6)
@include grid-cell(6)
Spacing
@include grid-cell(5, 2)
@include grid-cell(5, 8)
Images
Default
Round
