Clear thinking for complex work
An instrument panel, not a landing page. Dark ground, warm ink, one amber accent, square corners and hairlines instead of shadows.
Surfaces and accent
Every colour comes from a token. Depth is a step in surface plus a 1px hairline, never a shadow.
Three faces, one scale
Instrument Serif for headings at weight 400. Work Sans for everything that reads. JetBrains Mono for metadata only.
Mark and lockups
The mark is one flat shape in currentColor. Never recoloured to amber, never rotated, never used below 16px.
Instrument surfaces
Square corners, hairline border, optional HUD grid and corner brackets.
A panel with the grid and corner brackets on. Use it where a surface should read as an instrument rather than a card.
See the rulesButtons, fields and status
One amber button per view. Everything else is outlined, ghost or a text link.
Alerts and empty states
Status is never colour alone. Every alert carries an icon, a title and one sentence of consequence.
No matters yet
A matter groups evidence, sources and findings so a team can work from one record.