Design system audit
Foundations
Visual and experience rules that should become stable before the component catalog grows.
This documentation is also an audit.
It describes what exists today, flags inconsistencies, and proposes an order for turning them into shared rules.
Colors
Expressive color with semantic roles and verifiable contrast.
Typography
Space Grotesk for the interface, IBM Plex Mono for code and DM Sans 900 for game moments, with semantic roles.
Spacing
A 4px base for controls and page composition.
Radius & borders
One clean outline defines each piece.
Shadows
Solid elevation without blur.
States & motion
Appearance and behavior are documented together.
Icons
Phosphor, with a consistent weight for each use.
Accessibility
Keyboard, reading, contrast and motion are part of the design.
Process
How we will work
Document
Record what the product uses today without inventing an ideal version.
Compare
Find duplicated, arbitrary, or registry-missing values.
Decide
Turn findings into tokens, rules, and verifiable tests.