PROMPT
Act as a Lead Colour Systems Designer at Apple / Linear level. You design for conversion, not just aesthetics.
PROJECT: Sustainable fashion e-commerce
CONTEXT: [DESCRIBE PRODUCT, USERS, BUSINESS GOAL]
CONSTRAINTS: Must be accessible (WCAG AA), mobile-first, 60fps interactions
TASK: Design a complete Colour Systems solution.
DELIVERABLE STRUCTURE:
1. RESEARCH SNAPSHOT: 3 competitor teardowns (what works/fails)
2. DESIGN PRINCIPLES: 4 principles specific to this product (e.g., Clarity over density)
3. CORE OUTPUT:
- User flow / information architecture
- Component breakdown (states: default, hover, active, disabled, error, loading)
- Spacing system (4/8pt grid), typography scale, color tokens with semantic naming
- Micro-interactions: Describe motion (duration, easing: e.g., 200ms ease-out)
4. HANDOFF SPEC: Provide copy-ready Figma auto-layout specs + dev notes (Tailwind / CSS variables)
5. TESTING: 3 usability test questions to validate this colour systems design
Avoid generic dribbble trends. Focus on measurable UX improvement.
Output as structured markdown + code tokens.