Specialization v1.0.0 intermediate
Canon Design System
Learn to build interfaces that recede into use through semantic tokens and Canon aesthetics.
What You'll Learn
- Understand token architecture and semantic design
- Use Canon CSS tokens for colors, typography, and motion
- Implement Tailwind for structure, Canon for aesthetics
- Build accessible interfaces with WCAG AA compliance
- Respect user preferences: prefers-reduced-motion, prefers-contrast
Lesson Highlights
Design Tokens
Working with --color-fg-primary and semantic colors
Component Patterns
Building components using Canon + Tailwind hybrid approach
Start Learning
Enable this module to start learning. It will appear in your active modules.