# Visual hierarchy for developers

Turn a busy page into a clear one. Move content, edit typography and spacing, balance actions, and make your decisions work on mobile.

Learn visual hierarchy through practical design decisions. Start here before exploring colour and motion.

About 35 minutes. Foundations. 6 practical labs.

## Prerequisites

Basic HTML and CSS familiarity helps. No GSAP experience or design software needed.

The interactive labs require a laptop or desktop with a browser window at least 1024px wide. The course outline is available on any device.

## Curriculum

1. Order before decoration
2. Give type a job
3. Make space mean something
4. Choose what matters
5. Keep the hierarchy on mobile
6. A fresh brief

## Access

The entire course is free, including every lab and the completion certificate. Start without signing in; browser progress stays on this device. Use a free account to save across devices and issue your certificate. No purchase required.

Start the course at https://gsapvault.com/courses/visual-hierarchy-for-developers/learn. Overview: https://gsapvault.com/courses/visual-hierarchy-for-developers.

Complete the practical checks in every lab to unlock an optional shareable certificate of completion. This is not an accredited qualification.