Skip to main content

Glossary · design tokens

Design Tokens

Named, structured values for design decisions (e.g. `color.brand.primary = #5E6AD2`) that can be consumed by any platform or AI agent.

Design tokens externalize design decisions from code. A token like `color.surface.background` decouples the value (#0f1011) from the use (dark canvas), making it portable across web, mobile, and AI generation contexts. AI2 Design exports tokens in W3C JSON, CSS custom properties, and Tailwind config formats — all paste-ready for downstream tools. The W3C Community Group Design Tokens Format spec is the emerging standard.

External reference

W3C Design Tokens Format
All glossary terms

AI2 Design counts anonymous traffic always — no cookies, no identifiers, no fingerprinting. For optional session insights (PostHog, EU region) — page funnel, performance — turn on opt-in analytics below. Cookie policy.