Design system
Dots, rings, one red
Everything here is drawn from the mark: round shapes, dotted texture and a single signal colour on near-black. One typeface, DM Mono. Grey dots are what nobody can read; red dots are what has been read.
The mark
Live version: move the pointer over it. It leans, swells under the cursor and pulses on click. Use five rings large, three rings small, and highlight one ring to mark a step.
Colour
bg
#0b0c0e
surface
#111317
raised
#181b20
line
#24272d
faint
#5b5e66
dim
#8e9198
ink
#f2f1ee
signal
#fd2e0e
hot
#ffd2c2
Type
See what's still public
.display, DM Mono 500, -0.05em
Body copy is DM Mono at 14px in the dim tone. Short sentences, plain words, no sales voice.
body, DM Mono 400, 14px
Checks, 01, Report
.label, DM Mono, 12px, 0.14em caps
Components
A hidden value is grey dots. It is never shown as a number, never estimated and never zero.
Panel, grid
28px radius, hairline edge, optional dot texture. Dividers are dotted rules, never solid lines.
Inputs, buttons and tags are square. Dots, rings and panels are round.