Repose
Repose plans and runs robot arm motion that settles exactly where it was told to, every time. The identity is built from that one idea, and from the ordered dither that has been on this site since day one.
The mark is the plot every controls engineer knows: a joint is commanded to a new position, overshoots, rings down and settles. The motion carries noise and energy. The rest is clean.
The halo around the first swing is the homepage noise field, ordered-dithered. It fades as the oscillation decays.
The trajectory itself is always solid ink. Whatever the noise does, the path is deterministic.
The line ends on a lime square: the target, reached and held. Lime only ever marks the moment something arrives.
The mark is drawn on a pixel grid, so it is a vector file that stays sharp at any size. It comes in three cuts. Use the one drawn for the size you need, because a large cut scaled down loses its dither and a small cut scaled up looks crude.
Covers, slides, social cards, print. 96 px and up.
App icons, avatars, inline headers. 40–96 px.
Navigation, favicons, tabs. Below 40 px. No halo, heavier line.
ReposeInstrument Sans Semibold, −2% tracking. The mark is 1.1× the cap height and sits 0.42 em from the word.
ReposeUse the dark cut on light backgrounds. The lime setpoint never changes colour.
ReposeKeep at least the height of the wordmark's “R” clear on every side.
16 px is the floor. Render at whole multiples of the grid where possible so pixels stay square.
Always scale with crisp, pixelated rendering.
Lime is the only accent. It is never blue, red or white.
The mark is square. Keep its aspect ratio.
Motion reads left to right and comes to rest on the right.
Background for nearly everything. A warm black, never pure #000 on screen.
Text and line work, and the background for light contexts and print.
The setpoint. Links on hover, focus rings, the end of a path. Use it sparingly, as a point, not a fill.
Roughly 78 ink · 19 paper · 3 lime
Headlines in Semibold with −2 to −3% tracking. Body text in Regular at 15–19 px, 1.6 line height.
Code, crate names, numbers and units. Uppercase with wide tracking for small eyebrow labels.
All imagery comes from one generator: a seeded, domain-warped noise field thresholded against an 8×8 Bayer matrix, with a motif drawn in lime. It's deterministic like the software: a given seed always renders the same pixels. Use it for covers, banners and backgrounds instead of stock photography.
Each pixel lights up when the field is brighter than its cell's threshold. The grid is tiled across the image.
Only ink and paper pixels, plus lime for the motif. No grey levels and no anti-aliasing: render with image-rendering: pixelated. Seed covers by their slug, so every page keeps its picture.
Generator: /dither.js · mark: tools/brand-mark.mjs
Docs diagrams are drawn at build time as inline SVG by docs_src/diagram.py, so they need no JavaScript and follow the site's colours. Ink boxes for tasks, dashed for library calls, paper-filled for hardware. Solid lines carry messages; dotted lines carry measured data. Lime appears once, where the motion arrives.
See it in use on Architecture.
State facts and numbers: “zero allocations”, not “blazing fast”. If it can be measured, give the measurement.
Short sentences, active voice, no hype words. Explain like a colleague at the robot cell, not a brochure.
No exclamation marks, no urgency. Confidence comes from the system working the same way every time.
