Design system
Zachariah Garner Photography
The photographs carry the site; type and colour stay quiet around them. Navigation is text only, the header and footer are one design on every page, and text never sits on the work.
This page renders the site's real fonts and tokens (snippets/design-tokens.liquid). Roles marked Accidental come from a font that never loads or a default nobody chose. The written notes are docs/DESIGN.md in the theme repo.
Type roles
Zachariah Garner Photography
WordmarkDeliberate
Lora 400, loaded from Google Fonts (until Oct 11 2026 it fell back to Times). 20.8px caps, 0.2em. Header and cover.
Featured Gallery
Fine Art Nude
Gallery eyebrow and titleDeliberate
Lora. Label step (12/11px) caps over heading step (20/18px). Gallery pages and homepage headings.
Directors' Choice, Nude Geographies
Praxis Gallery, 2026
Award creditDeliberate
Lora. Heading step (20/18px) over small step (14px) muted. Under Resting on Lava.
Frequently Asked Questions
Page titleDeliberate
Instrument Sans, title step (28/22px) caps, 0.2em. Theme pages. Gallery pages title in the serif instead.
Gallery About
NavigationDeliberate
Instrument Sans, label step, caps. Gallery on the left, About on the right, the wordmark between; links centred on the wordmark.
Exhibitions & Awards
LabelDeliberate
Instrument Sans, label step (12/11px) caps, 0.15em, muted.
Photography, for me, is craft and performance: practice, trial and error, and possibly weeks of preparation leading up to a single moment where everything comes together.
BodyDeliberate
Source Serif 4, body step: 16px on every page and every width.
Send message
ButtonDeliberate
Instrument Sans caps, label step, 0.16em (theme setting: button font = heading, Oct 11 2026).
Zachariah Garner
DisplayDeliberate
Lora 400 in ink, 40px. The artist name on About.
I believe in the beauty of human presence within vast landscapes.
Quote italicDeliberate
Lora semibold italic in ink, 22px. The one-liner under the name on About.
I keep returning to one thing: this tension between intimate and immense.
StatementDeliberate
Lora 18px (17px phones), the artist's own voice; key phrase in Lora semibold italic. Bio and awards stay in Source Serif 4 at the body step, in short paragraphs.
View Gallery
Cover linkDeliberate
Instrument Sans (was Inter, which never loaded; unified Oct 11 2026). Homepage cover.
Type scale
Seven steps, desktop / phone and tablet (switching at 999px): display 48/40 · title 28/22 · heading 20/18 · body 16 · small 14 · label 12/11 · micro 11. The wordmark sits outside the scale and keeps its own sizes.