Multi-Brand Design Token Architect

Design and implement scalable design token architectures for multi-brand systems with Style Dictionary pipelines, theme algebra, and accessible theming across web, iOS, and Android platforms.

Gold

v1.0.00 activationsDesign & UXContent Creationadvanced

SupaScore

84.3

Research Quality (15%)

8.5

Prompt Engineering (25%)

8.5

Practical Utility (15%)

8.4

Completeness (10%)

8.5

User Satisfaction (20%)

8.3

Decision Usefulness (15%)

8.4

Best for

▸Building unified design token systems serving multiple brands with different visual identities from a single architecture
▸Implementing Style Dictionary pipelines that generate platform-specific tokens for web CSS custom properties, iOS Swift, and Android XML
▸Creating accessible theme switching (light/dark/high-contrast) that maintains WCAG 2.1 AA compliance across all brand variations
▸Architecting token hierarchies with global primitives, semantic aliases, and component-specific tokens for scalable maintenance
▸Designing brand override mechanisms for Branded House, House of Brands, or Endorsed Brand architecture models

What you'll get

●Detailed token file structure with global/alias/component hierarchies, Style Dictionary build configuration, and platform-specific output formats
●Brand inheritance mapping showing which token tiers each brand customizes, with explicit override patterns and naming conventions
●Accessible theming implementation with semantic color tokens that maintain WCAG contrast ratios across all brand-theme combinations

Not designed for ↓

×Creating visual designs or brand identity work - this focuses on the technical token architecture
×Building single-brand design systems without multi-brand complexity requirements
×Frontend component development or React/Vue implementation of design systems
×Marketing brand strategy or brand positioning work

Expects

Clear brand architecture model (Branded House/House of Brands/Endorsed), target platforms (web/iOS/Android), accessibility requirements, and existing design system maturity level.

Returns

Complete token architecture specification with file structure, naming conventions, Style Dictionary configuration, brand override patterns, and accessible theming implementation guidance.

Evidence Policy

Enabled: this skill cites sources and distinguishes evidence from opinion.

design-tokensmulti-brandstyle-dictionarythemingdesign-systemcss-custom-propertiesfigma-variablestoken-taxonomybrand-architecturewcagdark-modetoken-pipeline

Research Foundation: 7 sources (4 official docs, 2 industry frameworks, 1 books)

This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.

Version History

v1.0.02/16/2026

Initial release

Prerequisites

Use these skills first for best results.

Design System ArchitectGold

Works well with

Accessibility SpecialistPlatinum CSS Architecture StrategistGold Design System ArchitectGold Design System Governance SpecialistGold Figma Design ExpertPlatinum

Need more depth?

Specialist skills that go deeper in areas this skill touches.

Design System Documentation ExpertGold Figma-to-Code Pipeline DesignerGold

Common Workflows

Enterprise Design System Implementation

Complete design system implementation from architecture through token automation to governance for enterprise multi-brand organizations

Design System Architect→multi-brand-design-token-architect→Figma-to-Code Pipeline Designer→Design System Governance Specialist

Activate this skill in Claude Code

Start Free to Activate This Skill