Vertical Rhythm
Type Rhythm
Every sentence has a pulse. Syllable count, stress position, punctuation — these create a rhythmic pattern that the eye follows before the mind processes meaning. This tool visualizes that pulse: words as weighted beats, pauses as rests, prose as a score you can see.
Type Rhythm
typography reacts to beat · stress maps to weight
The Invisible Grid
Vertical rhythm is the grid you feel but never see. When line-height is consistent — every element stepping on the same baseline increment — the page feels calm. When it breaks, something feels wrong but you cannot point to what. This is the difference between designed and assembled.
The presets above use literary prose because great writers are natural typographers. Woolf's sentences flow in long, modulated arcs. Kafka's are clipped, periodic, bureaucratic. Dickinson's are staccato with terminal punctuation as breath marks. Each writer produces a different visual rhythm from the same typographic rules.
Rhythm Anatomy
Syllable Weight
Polysyllabic words carry more visual weight. "Evanescent" occupies more horizontal space and more cognitive time than "steel." The tool scales word display by syllable count, making weight visible as size.
Stress Position
First and last words in a clause carry positional stress regardless of syllable count. These anchors define the clause's rhythmic envelope — the shape your eye traces from start to stop before jumping to the next.
Pause as Rest
Punctuation creates rests. A comma is a quarter rest — a breath. A period is a full stop. An em dash is a held note. These pauses are not gaps in the content. They are part of the rhythm, as structural as the words.
Cadence vs. Monotone
Good prose alternates between light and heavy beats. Monotone prose — all short words, or all long — fatigues the reader. The visualization makes this immediately visible: varied stress produces an interesting waveform. Flat stress produces a flatline.
Rhythm in Systems
Vertical rhythm in a design system means one number controls everything: the baseline unit. Set it to your body line-height — typically 24px — and every heading, every paragraph, every spacer, every card becomes a multiple of that unit. The page snaps to an invisible grid.
The anxiety you feel on a poorly-spaced page is rhythm failure. The heading has 32px below it. The paragraph has 18px. The card has 27px of padding. None are multiples of each other. The eye cannot find a pattern, so it stops trusting the layout. Consistent rhythm is how trust is typeset.