Halvard

Reference

Design system

Every ratio was computed with tools/a11y/contrast.py, not eyeballed. This page is noindex: it documents the template for whoever builds with it.

Colour tokens

--color-bg

#0B0B0C — Light table

--color-bg-alt

#141416 — Banding

--color-surface

#1B1B1E — Frame ground before an image loads

--color-text

#F2EFE9 — 17.14:1 on ground · AAA

--color-text-muted

#A8A49C — 7.92:1 on ground · 6.92:1 on surface · AA

--color-border

#6C6C75 — 3.78 / 3.54 / 3.31 — frame rules carry meaning, so 3:1 everywhere

--color-accent

#FF8A3D — Safelight. Annotation only — 8.39:1 on ground

--color-band

#F2EFE9 — The band inverts to paper, not to a darker screen

--color-on-band

#0B0B0C — 17.14:1 on paper · AAA

--color-on-band-muted

#4A4843 — 7.96:1 on paper · AAA

--color-accent-on-band

#8A3D00 — 6.66:1 on paper · AA — amber burnt down

Amber is an annotation, not an emphasis colour

The safelight appears in exactly two places on the demo: the grease-pencil ring around a select, and that frame's number in the rebate. Nowhere else. If it were used for emphasis generally it would stop reading as a mark made by someone on the sheet, which is the whole conceit. It is never the only signal either — a ringed frame also says SELECT in words.

The band inverts to paper

Every other dark template in the library bands darker. This one bands to #F2EFE9 — a print on a light table rather than another panel of screen. That forced a second amber (#8A3D00) burnt down to survive a light ground, which is the honest cost of the idea.

Type

Young Serif — display

01 · 09.48am · SELECT

Young Serif is an editorial display face — the arts-magazine register, rather than the script-and-swash lettering the wedding-vendor mainstream defaults to. Spline Sans Mono does the film-rebate job: frame numbers are machine marks, not typography. Neither face appears in days 1–90.

Buttons

Primary Secondary