Alix Axis · Design System · 2026
One system for everything AlixPartners builds.
Foundations, components, and patterns — traced from Figma and shipped as code. A single source of truth across products, dashboards, and the website, so every surface reads as one brand.
- 23
- Components in code
- 60
- Designed in Figma
- 1
- Token system
- 0px
- Corner radius
Reproduction at scale. The wordmark holds at every size; clear-space and minimum sizes are defined once and shared by design and code.
Four layers, one source of truth.
Strategy informs principles, principles inform tokens, tokens inform components, and components inform every product. A clear route from brand to finished experience.
Foundations
Colour, type, spacing, elevation — one token system, traced variable-for-variable from Figma.
Components
Low-level UI components composed with slots. Accessible, themable, installed one at a time.
Patterns
CMS-ready patterns and sections with flat data props a content team can't misconfigure.
Products
Dashboards, portals, and the website, built from the same parts so they never drift.
Rigorous enough to govern. Flexible enough to build from.
Components expose slots for composition; sections expose flat data for handoff. One system protects the brand and accelerates the work.
Can a design system do both at once? Yes.
Navy anchors. Everything resolves from tokens.
Aa
Hierarchy comes from size and colour, not weight. Alix Sans, regular, set with tight negative tracking.
Alix Sans · 400 · text-xs 12 → text-9xl 128 · heading-sm 24 → heading-xl 60
Components, not screenshots.
Everything in the docs is the live component, rendered from the registry. Install any of it with the shadcn CLI — it lands in your project as code you own.
Browse the component librarynpx shadcn@latest add @alix/buttonnpx shadcn@latest add @alix/section-title