heading 1 - main page title

heading 2 - section headers

heading 3 - sub-sections

heading 4 - microtypography

  • Project Sub-Labels: In your Work page cards, while H1 is ADELAIDE, use H4 for KITCHEN RENOVATION or VASHON ISLAND, WA.

  • Credentials & Badges: Use H4 directly above or below your certification badges on the About page (e.g., LEED AP, LIVING FUTURE ACCREDITED).

  • Project Detail Metadata: On case study pages, use H4 for secondary detail headers like MATERIALS & SOURCES, COMPLETION DATE, or LOCATION.

  • Section Kickers: Small introductory labels that sit right above a major section title (e.g., OUR PHILOSOPHY placed right above your main About header).

paragraph 1 - lead-in/featured text

paragraph 2 - primary text

paragraph 3 - small copy/captions

monospace - Technincal

  • Role: Technical data, material callouts, location coordinates, and project specifications.

  • Where to use it:

    • Project Metadata: LOCATION: VASHON ISLAND, WA | SCOPE: 3,200 SQ FT

    • Material Details: FINISH: HONED BASALT & WHITE OAK

    • Credentials: CERTIFICATION: LEED AP / CLIPP

  • Site Styles Setup:

    • Size: 12px – 13px.

    • Transform: UPPERCASE.

    • Letter Spacing: 0.1em – 0.15em (wide tracking).