Overview
Design tokens are the vocabulary of the design system. They separate raw values from meaning, so design decisions stay consistent across themes, components, patterns, and platforms.
Quick Reference
Intent → token cheatsheet. Pick tokens fast here; read the family docs for the full contract.
Token Model
The token model defines the architectural contract of the system.
Families
11 items
Modes
A mode defines how a single theme adapts to a different environment while preserving the same semantic contract.
Dataviz
4 items
Governance
Design tokens are a public contract between design, themes, and components.
Validation and Build
Validation protects the semantic contract.
Theme Authoring
How to design, review, and author FSL themes with coherent geometry, semantic signals, accessibility, and mode-safe token relationships.