Design System Architecture

Purpose

Design a token-based design system architecture, including primitive, semantic, and component token hierarchy, theming strategy (dark/light mode), and cross-platform implementation plan.

Scope Constraints

Reads existing styling code, configuration files, and design documentation for analysis. Does not modify source files or push changes. Does not create or update Figma libraries or Storybook instances directly.

Inputs

• Existing styling approach (Tailwind, CSS modules, styled-components, etc.)
• Target platforms (web, iOS, Android, cross-platform)
• Brand guidelines or existing color palette
• Current component inventory
• Theming requirements (dark mode, high contrast, brand variations)

Input Sanitization