Docs · 12 pages
Foundations
The language every part is written in: the finishes and volumes, the lamps, the materials and the light, colour, type, spacing and voice, and the states, motion and access every part keeps.
- Finishes and themesFinishes in families of two, a light one and a dark one, switched by one attribute on any element.
- VolumesTwo amounts of depth for the same parts.
- Lamps and auroraThe only colour in the kit is light: a lamp that is on, or a display that is lit.
- MaterialsEvery surface is a material with a job.
- Light and depthOne lamp, high and to the left.
- ColourThere is no brand colour.
- TypeThe panel is printed, not decorated.
- SpacingA 4px grid.
- Voice and copyWrite like the manual of a good radio: plain, specific, calm.
- AccessibilityAccessible as a rule, not a pass: native elements, printed contrast measured in both finishes, a keyboard route to every value, and motion that can stop.
- StatesEvery interactive part has the same set of states, and each looks like something physical.
- MotionMechanical, short, and only when something changed.