How the site is set.
End matter
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 .
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.
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.
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.
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.
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.
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.