Unified Brand System

Turn a brand brief + logo + domain into a consistent, shadcn-compatible token system that any web stack can consume. Output is not a pile of opinions — it is a concrete set of files that drop into the project.

On Trigger

Start the first progress update with:

Using unified-brand-system ...

What This Skill Owns

• Tokens: HSL CSS variables using shadcn's naming contract (--background, --foreground, --primary, etc.) so Radix-based shadcn components work without further mapping.
• Typography: display + body + mono pairing, modular scale, boomer-legibility overrides where called for.
• Spacing & radius: one radius scale, one spacing scale, no drift between components.
• Elevation: surface layers and shadow scale derived from the background token, not hardcoded colors.
• Component primitives contract: what tokens each primitive (button, card, input, dialog) is allowed to reference.
• Rollout: a concrete checklist for applying the system to an existing project without leaving orphan styles behind.