Token Architecture

Design tokens are the single source of truth for visual decisions. They bridge design intent and code. This skill structures how tokens are named, layered, and distributed.

When to Use

• When starting a new design system
• When design-system-alignment identifies inconsistency
• When adding theming (dark mode, brand variants)
• When shipping across web, iOS, and Android

The Three-Layer Model