1.3 KiB
1.3 KiB
name, description
| name | description |
|---|---|
| experience-system-blueprint | Documentation pattern for translating brand platforms into modular experience systems. |
Experience System Blueprint Skill
When to Use
- Creating scalable design systems anchored in brand strategy.
- Handing off brand concepts to product, web, or event teams.
- Auditing touchpoints for coherence and accessibility.
Framework
- System Principles – design tenets, accessibility standards, inclusivity commitments.
- Component Library – modules for hero sections, CTAs, motion behaviors, environmental elements.
- Sensory Spec – visual, motion, audio, haptics guidelines with do/don't examples.
- Channel Adaptations – matrices showing how components flex by channel/device.
- QA & Measurement – checklist + instrumentation hooks to track fidelity and impact.
Templates
- Blueprint deck with principle → component → channel mapping.
- Figma/Notion doc outlining specs, tokens, and usage rules.
- QA worksheet for reviewing executions before launch.
Tips
- Version-control blueprints so teams know which system is authoritative.
- Embed accessibility best practices early to avoid retrofits.
- Pair with
design-multi-channel-brand-experiencecommand for turnkey toolkits.