A Font Style Guide for Quility

Break Points:

Mobile @ 769

Tablet @ 1024 px

Desktop @ > 1024

Colors:

.t-water-green = #46C3B2

.t-grass-green = #6ECF93

.t-forest-green = #005851

.t-white = #FFF

.t-dark-blue = #18438A

.t-bright-blue = #0083EB

.t-red = #FF5851

.t-black = #000000

.water-green

.grass-green

.forest-green

.dark-blue

.med-blue

.q-red

.q-grey, .q-gray

.Serif

Adobe Freight Display Pro

Weights:

.black = 900

**weights other than Black (900) are not used on Quility.

Examples below all in Black.

.San-serif

Montserrat

Weights:

.Light = 300

.Regular = 400

.Med = medium = 500

.Semibold = 600

.bold = 700

.bolder = Extra Bold = 800

.black = 900

Body-15

Min - 12
Line Height 1.5em

Pack my box with five dozen liquor jugs. The quick brown fox jumps over the lazy dog. Brown jars prevented the mixture from freezing too quickly

Body-18

Min - 14
Line Height - 1.6em

Pack my box with five dozen liquor jugs. The quick brown fox jumps over the lazy dog. Brown jars prevented the mixture from freezing too quickly.

The quick brown fox jumps over the lazy dog. Brown jars prevented the mixture from freezing too quickly.

Body-20

Min - 15
Line Height - 1.6em

Pack my box with five dozen liquor jugs. The quick brown fox jumps over the lazy dog. Brown jars prevented the mixture from freezing too quickly.

Body-25

Min - 18
Line Height -1.6em

Pack my box with five dozen liquor jugs. The quick brown fox jumps over the lazy dog. Brown jars prevented the mixture from freezing too quickly.

Body-30

Min - 20
Line Height -1.3em

Pack my box with five dozen liquor jugs. The quick brown fox jumps over the lazy dog. Brown jars prevented the mixture from freezing too quickly.

Body-35

Min - 20
Line Height -1.3em

Pack my box with five dozen liquor jugs. The quick brown fox jumps over the lazy dog. Brown jars prevented the mixture from freezing too quickly.

Body-40

Min - 35
Line Height -1.3em

Pack my box with five dozen liquor jugs. The quick brown fox jumps over the lazy dog. Brown jars prevented the mixture from freezing too quickly.