The curriculum map
Tracks
Each track is a path through one area of interface craft. Read it top to bottom, or jump to any concept from search. Every concept is self-contained.
Foundations
The vocabulary and process behind every interface: UI vs UX, research, IA, and heuristics.
StartVisual craft
Hierarchy, type, color, grids, and the spacing decisions that make a screen read clearly.
StartDesign systems & tokens
Tokens, components, theming, and the governance that keeps a product coherent at scale.
StartMotion & micro-interactions
Motion principles translated to the web: timing, easing, choreography, and feedback.
StartWeb animation engines
CSS, View Transitions, Motion, GSAP, Lottie, and Rive — and how to choose between them.
StartThe modern web platform
Container queries, :has(), subgrid, OKLCH, anchor positioning — the 2026 baseline.
Start3D & graphics for UI
SVG, illustration, WebGL and WebGPU — graphics techniques that stay friendly to use.
StartAccessibility & inclusive design
Semantics, keyboard and focus, contrast, reduced motion, and designing for difference.
StartPsychology & conversion
Cognitive fluency, attention, and persuasion you can use without dark patterns.
StartBrand & product strategy
Identity as a system: logo, color, type, voice — and shipping it fast as a founder.
StartGenerative & agentic UI
Declarative UI for models, tool UIs, and the bring-your-own-key pattern, done safely.
StartPlatform internals & delivery
How the browser renders UI, isolation, and performance budgets. Optional, advanced.
Start