Briefle words · UI design
Vertical rhythm
A consistent, repeating pattern of vertical spacing down a page, so sections and lines fall into a predictable beat.
Say it to an AI
Course overview card laid out on a strict spacing scale for a steady vertical rhythm: 4px within a group, 8px from a heading to its content, 16px between sections (intro, learning outcomes, instructor, CTA). No one-off margins.
How an expert would brief the stronger version of “Course overview”.
See it
Try it as a puzzle →Course landing card in an online learning app, shown before a learner starts lesson one.
Why: A repeats 16px between every section; B jumps between 25px, 7px and 22px.
Related words
Room 5 · Spacing & layout
Learn “Vertical rhythm” in a five-minute lesson