Style Guide

Primary Colors

Neutral Colors

Accent

Extra

UI

Desktop

h1 | The quick brown fox jumps over the lazy dog.

h2 | The quick brown fox jumps over the lazy dog.

h3 | The quick brown fox jumps over the lazy dog.

h4 | The quick brown fox jumps over the lazy dog.

h5 | The quick brown fox jumps over the lazy dog.
h6 | The quick brown fox jumps over the lazy dog.

accent | The quick brown fox jumps over the lazy dog.

p | The quick brown fox jumps over the lazy dog.

p.small | The quick brown fox jumps over the lazy dog.

button.large | The quick brown fox jumps over the lazy dog.

button.medium| The quick brown fox jumps over the lazy dog.

button.uppercase | The quick brown fox jumps over the lazy dog.

input.large | The quick brown fox jumps over the lazy dog.

input.medium| The quick brown fox jumps over the lazy dog.

a | Lorem ipsum dolor sit amet, consectetur adipiscing elit.

blockquote | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor

Mobile

h1 | The quick brown fox jumps over the lazy dog.

h2 | The quick brown fox jumps over the lazy dog.

h3 | The quick brown fox jumps over the lazy dog.

h4 | The quick brown fox jumps over the lazy dog.

h5 | The quick brown fox jumps over the lazy dog.
h6 | The quick brown fox jumps over the lazy dog.

p | The quick brown fox jumps over the lazy dog.

p.small | The quick brown fox jumps over the lazy dog.

p.bold | The quick brown fox jumps over the lazy dog.