grey1

#25292d
blue1

#5da2ab
grey2

#e8e4e6
blue2

#17292b
blue3

#2f5156
blue4

#7db5bc
blue5

#bedadd
grey3

#363c43
grey4

#6d737a
grey5

#afafaf
grey6

#dbdbdb
orange

#ff9100
resoThin 10pt -resoThin 12pt -resoThin 14pt -resoThin 20pt -
resoLight 10pt -resoLight 12pt -resoLight 14pt -resoLight 20pt -
reso 10pt -reso 12pt -reso 14pt -reso 20pt -
resoSemiBold 10pt -resoSemiBold 12pt -resoSemiBold 14pt -resoSemiBold 20pt -
resoBold 10pt -resoBold 12pt -resoBold 14pt -resoBold 20pt -
avenirUltraLight 10pt -avenirUltraLight 12pt -avenirUltraLight 14pt -avenirUltraLight 20pt -
avenirThin 10pt -avenirThin 12pt -avenirThin 14pt -avenirThin 20pt -
avenirLight 10pt -avenirLight 12pt -avenirLight 14pt -avenirLight 20pt -
avenir 10pt -avenir 12pt -avenir 14pt -avenir 20pt -
avenirMedium 10pt -avenirMedium 12pt -avenirMedium 14pt -avenirMedium 20pt -
avenirDemi 10pt -avenirDemi 12pt -avenirDemi 14pt -avenirDemi 20pt -
avenirBold 10pt -avenirBold 12pt -avenirBold 14pt -avenirBold 20pt -
Style nameFont faceFont sizeLetter spacingLine heightExample
header-tier1navA Quick Brown Fox Jumped Over The Lazy Dog.
header-tier2navA Quick Brown Fox Jumped Over The Lazy Dog.
cat-headersA Quick Brown Fox Jumped Over The Lazy Dog.
footer-header
footer-body
h1A Quick Brown Fox Jumped Over The Lazy Dog.
h1-revA Quick Brown Fox Jumped Over The Lazy Dog.
h2A Quick Brown Fox Jumped Over The Lazy Dog.
sh1A Quick Brown Fox Jumped Over The Lazy Dog.
nav1A Quick Brown Fox Jumped Over The Lazy Dog.
nav2A Quick Brown Fox Jumped Over The Lazy Dog.
breadcrumbA Quick Brown Fox Jumped Over The Lazy Dog.
bodycopy1A Quick Brown Fox Jumped Over The Lazy Dog.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

bodycopy2A Quick Brown Fox Jumped Over The Lazy Dog.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

bodycopy3A Quick Brown Fox Jumped Over The Lazy Dog.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

tabsA Quick Brown Fox Jumped Over The Lazy Dog.
radio-labelA Quick Brown Fox Jumped Over The Lazy Dog.
byo-matrix-labelA Quick Brown Fox Jumped Over The Lazy Dog.
byo-matrix-valueA Quick Brown Fox Jumped Over The Lazy Dog.
textfieldA Quick Brown Fox Jumped Over The Lazy Dog.