Alix Axis · Design Foundations · Edition 2026
Foundations
The rules beneath the system. Colour, type, space, elevation, and shape — every value a named token, traced variable-for-variable from Figma. Design and code read from one source; nothing here is a one-off.
- Version
- Edition 2026
- Updated
- July 2026
- Source
- Figma · Axis Design System
- Authority
- Tokens are canonical
Contents
00TokensHow it all works: the Figma → CSS → Tailwind pipeline, install, and the complete printable variable sheets.→
01LogoConstruction, clear space, minimum size, colour, placement, and misuse.→
02ColourSemantic, brand, status, and data palettes — light and dark from one definition.→
03TypographyAlix Sans at weight 400. Hierarchy from size and colour, never weight.→
04Spacing & layoutOne gap vocabulary; responsive gutters and section rhythm.→
05ElevationA restrained shadow ramp. Most surfaces sit on hairlines, not shadows.→
06ShapeRadius 0. Sharp, architectural corners — the system's defining trait.→
07Grid & compositionColumns, responsive breakpoints, the baseline grid, and compositional rhythm.→
08IconographyThe icon set, grid, sizing, and usage rules.→
09ImageryTwo categories — company and services — one documentary voice, sharp frames.→