Zephyr Design System adds semantic tokens and AI theming API

Design · 4 min read

Semantic tokens let designers define intent-based values (e.g., 'success-background' or 'cta-foreground') rather than raw colors, which makes cross-theme swapping safer and more predictable. The new AI theming API consumes a brand palette, sample assets, and accessibility constraints to propose full token maps, contrast-checked palettes, and suggestions for component adjustments.

Themes generated via the AI API come with a change log and impact preview that shows how tokens alter components across breakpoints. Zephyr also added verification hooks so CI pipelines can reject theme changes that violate brand guardrails or accessibility thresholds. The system supports exporting themes as CSS variables, JSON token maps, and platform-native themes (Android/iOS).

Designers appreciated the combination of semantic tokens and automated theme creation for accelerating multi-brand rollouts. Engineers liked the export formats that integrate directly into build pipelines. Some teams asked for finer control over algorithmic suggestions, prompting Zephyr to add a manual override layer in the theming UI.