How the site is set.

End matter

Colophon.

A small note on how the site is set, built, and maintained. The brand identity is locked at v1.0 (April 2026); the writing here is current as of MMXXVI.

Typefaces

Fraunces — variable serif by Undercase Type — for display, headings, and editorial ledes. Loaded with optical-size and italic axes; weight 400 / 500 are the only roles in regular use.

Inter by Rasmus Andersson, for body and UI. Weight 400 for running prose, 500 for emphasis and small caps, 600 for stronger UI states.

JetBrains Mono by JetBrains, for meta and reference labels — folio, issue number, code chips, stack lists. Weight 400 throughout.

The wordmark is outlined to SVG paths (`brand/marks/di-wordmark.svg`) so it does not depend on Fraunces being available at the moment of render.

Palette

Two navies, three golds, two off-whites, and three supporting greys. The full token list lives in brand/tokens.css; the role-by-role pairing rules are in docs/brand.md. No new colour without a decision entry.

Ink
#0A2540 — primary navy
Ink-deep
#051834 — masthead, section dividers
Illumination
#E8B65C — accent gold
Paper
#F8F5ED — page ground
Paper-warm
#F1ECDE — tonal raise

Build

Astro 5 with Tailwind 3.4 retained for layout primitives only. Static output, served by nginx-alpine on Google Cloud Run in europe-west2. Deploys run through GitHub Actions with Workload Identity Federation; the full provisioning runbook is in docs/gcp-setup.md.

Source lives in a private repository. The brand book, design system, decisions log, and spec history are all checked in alongside the site.

Editorial approach

Spec-driven. Every non-trivial change starts with a written spec under specs/NNN-name/, reviewed before code lands. Decisions are logged in docs/decisions.md. The full agent orientation lives in AGENT.md.

Voice is editorial, not marketing. British spelling, no exclamation marks, em-dashes used sparingly. Forbidden-words list in docs/content-voice.md.

Photography

The site carries seven photographs in distinct editorial roles. All are tinted to the brand navy via a multiply overlay, sourced from Unsplash under the standard Unsplash licence, and credited below. Photography is confined to the home and to the five main interior page heroes; end-matter pages and `/404` are intentionally photo-free.

Home — hero depth layer. Dust particles drifting in sunlight, rendered at low opacity beneath the home overture's atmospheric layers to add organic photographic texture beneath the prism. By Liana S via Unsplash.

Home — architectural band. Sunlight refracting through a lens against a London building façade, the flare reading as light dispersion captured in real architecture. Used as a full-width band between the practice grid and the selected dispatches. By Johannes Plenio via Unsplash.

/practice — page hero. Sunlight penetrating a contemporary brutalist concrete structure; light and shadow play as the design feature. By Johnny Ho via Unsplash.

/work — page hero. Grayscale corridor with a distant figure in motion; architectural minimalism with a single human element as a compositional anchor. By Possessed Photography via Unsplash.

/about — page hero. Two parallel light tubes mounted on a wall — twin beams of light as a literal expression of the page's "two disciplines under one roof" register. By Declan Sun via Unsplash.

/contact — page hero. Light streaming through an open doorway into a dark hallway; chiaroscuro threshold composition reading as invitation. By Yzy Pop via Unsplash.

/notes — page hero. An open book with pages illuminated by warm directional light; editorial register matching the page's contents. By byVlado via Unsplash.

Credits

The site is built and maintained by the practice. The brand identity (v1.0, locked April 2026) and the prism mark are original to Digital Illumination Limited. The editorial direction this site follows is documented in docs/editorial-direction-2026-04.md.

Index of terms →