| DESIGN.md | The file where you author your brand's primitive choices — color, type, spacing, motion. |
| Token | A single brand value (a color, a spacing step) generated from your DESIGN.md for both platforms. |
| Primitive | A raw brand value you author in DESIGN.md — a specific color, a base spacing step — that feeds the semantic roles. |
| Semantic (role) token | A named role like color.primary or spacing.md that every brand defines. Components reference these, not raw values, so they stay correct across brands and themes. |
| Component token | A shared token that maps a component's part (e.g. button.primary.background) to a semantic role. |
| Theme | One of your brand's variants: light, dark, or color-blind, each its own DESIGN file. |
| Contract | An explicit, generated description of a thing's shape — a component, a behavior — that keeps web and Flutter in step. |
| Behavior contract | Your authored description of a component's states and transitions. |
| Motion contract | Your authored description of how a component moves, joined to a behavior by id. |
| Catalog | Where you browse your components: Storybook for web, Widgetbook for Flutter. |
| Layout document | A composed screen as a portable document that renders on web and Flutter (coming). |
| Server-driven UI | Sending a layout document from your server so you can change UI without shipping an update (coming). |
| Studio | The visual app for authoring brand, layout and behavior without code (coming). |