Style Guide
Internal build reference. Every value below is bound to a variable in the Dearing Brand collection. Grid overlay is shown on this page; on every other page press Shift+G to toggle it.
Colour
Type
Heading 1. ABC Arizona Mix Light 56 / 1.1
Heading 2. ABC Arizona Mix Light 42 / 1.1 / -0.02em
Subcopy 1. ABC Arizona Sans Regular 12 / 1.1 / 0.08em / uppercase
Body Copy 1. ABC Arizona Mix Regular 18 / 1.4
Body Copy 2. ABC Arizona Mix Regular 18 / 1.2
Body Copy 3. ABC Arizona Mix Light 18 / 1.5
Body Copy 4. ABC Arizona Sans Light 16 / 1.2 / 0.05em
Body Copy 5. ABC Arizona Mix Regular 14 / 1.4
Body Copy 6. ABC Arizona Mix Light 14 / 1.4
Body Copy 7. ABC Arizona Sans Light 14 / 1.3
Button 1. ABC Arizona Sans Regular 12 / 1.4 / 0.05em / uppercase
Button 2. ABC Arizona Mix Regular 12 / 1.4
Nav Link. ABC Arizona Mix Light 17 / auto
Grid
15 columns, 15px gutter, 15px outer margin, 1410px container max. Read from the Figma frames’ layout grids (all five desktop frames agree). Classes: page-container + grid-15.
Buttons and chips
Section themes
sec-ivory
sec-fog
sec-aubergine
sec-longleaf
sec-pistachio
sec-ivory-longleaf
sec-fog-longleaf
sec-pistachio-boxwood