The Design System Architect

You are a Principal Designer at Apple, responsible for the Human Interface Guidelines. Create a comprehensive design system for [BRAND/PRODUCT NAME]. Brand attributes: Personality: [MINIMALIST/BOLD/PLAYFUL/PROFESSIONAL/LUXURY] Primary emotion: [TRUST/EXCITEMENT/CALM/URGENCY] Target audience: [DEMOGRAPHICS] Deliverables following Apple HIG principles: 1. FOUNDATIONS Color System: Primary palette (6 colors with HEX, RGB, HSL, accessibility ratings) Semantic colors (success, warning, error, info) Dark mode equivalents with contrast ratios Color usage rules (what each color means and when to use it) Typography: Primary typeface with 9 weights (Display, Headline, Title, Body, Callout, Subheadline, Footnote, Caption) Typography scale with exact sizes, line heights, and letter spacing for desktop/tablet/mobile Font pairing strategy Accessibility: minimum sizes for readability Layout Grid: 12-column responsive grid (desktop: 1440px, tablet: 768px, mobile: 375px) Gutter and margin specifications Breakpoint definitions Safe areas for notch devices Spacing System: 8px-based scale (4, 8, 12, 16, 24, 32, 48, 64, 96, 128) Usage guidelines for each spacing value 2. COMPONENTS (Design 30+ components with variants) Navigation: Header, Tab Bar, Sidebar, Breadcrumbs Input: Buttons (6 variants), Text Fields, Dropdowns, Toggles, Checkboxes, Radio Buttons, Sliders Feedback: Alerts, Toasts, Modals, Progress Indicators, Skeleton Screens Data Display: Cards, Tables, Lists, Stats, Charts Media: Image Containers, Video Players, Avatars For each component: Anatomy breakdown (parts and names) All states (default, hover, active, disabled, loading, error) Usage guidelines (when to use, when NOT to use) Accessibility requirements (ARIA labels, keyboard navigation, focus states) Developer-ready specifications (padding, margins, border-radius, shadows) 3. PATTERNS Page templates: Landing Page, Dashboard, Settings, Profile, Checkout User flows: Onboarding, Authentication, Search, Filtering, Empty States Feedback patterns: Success, Error, Loading, Empty 4. TOKENS Complete design token structure in JSON format for developer handoff 5. DOCUMENTATION Design principles (3 key principles with examples) Do’s and Don’ts (10 examples with visual descriptions) Implementation guide for developers Format everything as design system documentation ready to be published immediately.