Core brand colors with accessibility-checked contrast ratios. Click any value to copy.

Type scale rendered in the brand's actual fonts. Click any spec value to copy it.

Consistent spacing creates visual rhythm. Click any value to copy it.

How the brand communicates — personality, guidelines, and examples of correct and incorrect copy.

Live UI components styled with this brand's exact tokens. Hit "Code" to see the token mapping.

Fetch this brand's full design tokens as JSON — optimized for LLM context injection and design tooling.

Arbitrary key-value pairs for brand-specific design tokens. Click any value to copy.