Three colours, two typefaces, one mark.
Everything below is what already ships on the site. If something is not in this document, it is not part of the brand yet. Add it here first.
The mark is three rules on a slope.
Top rule orange, middle white, bottom white at 35 percent. Skewed minus 12 degrees. Bar height is one unit, gap is 0.6 units, bar width is 5.8 units. It reads as stacked surfaces, which is what we build. The mark always sits to the left of the wordmark, on one line. There is no version with the mark on the right, above, or below.
Near-black page, white type, orange used sparingly.
There is no fourth colour, and the only gradient on the site is the hero's breathing glow. Orange exists in two steps. The base is for shapes and fills, the brighter step is for anything you have to read on the dark page.
Archivo for structure, JetBrains Mono for evidence.
Mono is the credibility cue with an engineering audience, which is exactly why it stays small. Labels, numbers, navigation, code. Never a paragraph.
Google Fonts · headlines and body
Google Fonts · labels, numbers, code
A 152px rail and a 920px column, both left aligned.
Nothing is centred. Sections are separated by a single hairline, never by a coloured band or a card with a shadow. Corners stay square.
mono index
and eyebrow
body copy capped at 660px inside it
page gutter clamp(24px, 5vw, 80px)
shell max width 1360px
Write it like a changelog.
Present tense, concrete nouns, numbers with units, technologies named. The reader is looking for a reason to close the tab, and every unsupported claim hands them one.
Three mechanical rules. No em dashes, no colons or semicolons in copy, and no claim without the evidence next to it.