Courses / Learn by doing
Build your design judgement through live exercises. Start with visual hierarchy, develop a useful colour palette, then make movement support the page.
The complete visual hierarchy course is free. Continue with colour and motion through your Vault access.
Turn a busy page into a clear one. Move content, edit typography and spacing, balance actions, and make your decisions work on mobile.
Every lab and the certificate are free. Start now; use a free account to save across devices.
Build a useful interface palette from colour theory and photography. Sample colours from an image, assign clear roles, and make emphasis, contrast and status work together.
Included with individual Vault access.
Turn over-animated interfaces into deliberate experiences. Shape timing, easing and sequence, handle interruptions, and adapt movement for smaller screens and reduced motion.
Included with individual Vault access.
Work on a live interface using direct manipulation and editable controls. Feedback explains your decisions against a practical brief, with room for more than one good solution.
Complete every practical lab to unlock a shareable certificate of completion. Keep revisiting the course and experimenting after you finish.
For developers building their design judgement, and designers brushing up. The visual hierarchy course is free for everyone. Colour and motion are included with individual Vault access. Each learner keeps their own progress and certificate.
Your cart is empty
The Vault £99
Everything in the catalogue, plus everything we release next.
Or browse effects, templates or UI elements.
