Logo
Two variants. The light wordmark goes on dark surfaces and on light surfaces with enough contrast — it's the default across the site, including light mode (the white tile reads as a chip on the off-white page). The dark wordmark exists for printed contexts, OG images, and high-contrast editorial use.
Clear space
Keep at least the height of the wordmark's B
glyph as clear space on every side. Don't crowd the mark
with adjacent type or graphics.
Don'ts
- Don't recolour the wordmark.
- Don't stretch, skew, or rotate it.
- Don't add a drop shadow, glow or stroke.
- Don't place the light variant on a low-contrast light surface, or the dark variant on a low-contrast dark surface.
Colour tokens
The site uses a small token set defined in
global.css as CSS custom properties; theme
rules under [data-theme="dark"] swap the
values for dark mode. Anything else on the site reads from
these tokens — including code blocks, status pills, and
callouts — so this is the authoritative palette.
Typography
One sans-serif family for prose, one mono family for code, shells, ports, and hostnames. The exact stacks defer to system defaults — fast, no web-font payload, looks native on every platform.
- Sans — system stack:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, ... - Mono — system stack:
ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", ...
The size scale (closed after three rounds of polishing):
h1— 28–36 pxh2— 22–28 pxh3— 19 pxlead— 18 pxbody— 17 pxcode— 14 px (inline 0.92em of context)label— 10–13 px, uppercase, mono
Voice and tone
Direct, technical, low on adjectives. Three habits consistently used across the site:
- Concrete over aspirational. "Six HTTP services on one
docker compose up" beats "powerful enterprise-grade platform". Numbers, names, ports — readers can verify them. - Released vs in preparation. The site lists what is shipping today and what is being prepared, side by side, without mixing the two.
- Plain English over jargon. "Refuses dangerous tool calls" beats "implements zero-trust enforcement boundary". The audience is technical; condescension is a trust-killer.
Some words don't appear on the site by design: enterprise-grade, hardened, battle-tested. They flatter and don't inform.