The proof sheet.

russ.md borrows its identity from pre-press: the sheet a printer checks before the run. Markdown is the proof; the rendered page is the print. Three devices carry it: crop marks around every working panel, a CMYK control strip, and a mark that is a proof sheet with that strip along its head.

Mark

A proof sheet: a page outline with the control strip along its head and two lines of copy beneath. The strip is the site's signature, so the mark carries it. The outline and the key cell take the current colour, which is why it sits on paper, ink and any tint without a second version.

Wordmark

Archivo, weight 800, width 112, tracked slightly tight. "russ" in ink, ".md" a step lighter so the domain reads as a suffix, not a sentence. The SVGs are outlined, so they need no font installed.

Control strip

Cyan, magenta, yellow and key at 100, 75, 50 and 25 percent. Sixteen cells, always in that order, always full width. On the home page it lands in register once on load; elsewhere it is a quiet rule in the footer.

Colour

Two neutrals and the four process colours. The process colours are used as data, never as decoration: cyan for links and information, magenta for the caret and errors, yellow for selection and warnings, key for the primary action. Text-safe inks are derived for cyan and magenta because the raw plates fail contrast on white.

Paper#FFFFFF / #141414Ground

Ink#101010 / #F2F2F2Text, primary action, crop marks

Cyan#00AEEFStrip; focus ring#006E9F / #4CC9F0 as text

Magenta#EC008CStrip; caret#B80070 / #FF5FB7 as error text

Yellow#FFF100Strip; selection; warning fillNever as text

Green#007A36 / #3DD68CSuccess, fixableCyan over yellow, the overprint

Type

Aa Markdown is the proof.

Archivo Variable · display at 800 / width 112, tracking −0.03em · UI at 400–700 / width 100

## Parts | Qty | `code` — [x] done

Sometype Mono Variable · every editor, every code block, filenames and rule IDs. Never for labels.

Rules

Crop marks frame working panels and lists of things. They never frame a paragraph or a button.
Yellow is a fill, never a text colour. Cyan and magenta are text only at their darkened inks.
The strip is never cropped, recoloured or reordered. If there is no room for sixteen cells, leave it out.
Voice: British English, short sentences, no exclamation marks. Say what a control does, not how clever it is.
Nothing leaves your browser is a fact, not a slogan. Keep it true.

Files

mark-light.svgMark, ink on transparent
mark-dark.svgMark, paper on transparent
wordmark-light.svgWordmark, outlined
wordmark-dark.svgWordmark for dark grounds
lockup-light.svgMark + wordmark
lockup-dark.svgMark + wordmark for dark grounds
icon-tile.svgApp icon and favicon
alternates/mark-asterisk.svgAlternate mark: asterisk
alternates/mark-hash.svgAlternate mark: hash

Regenerate the outlined marks with python3 scripts/brand.py; the social image and icons with pnpm og.