Table of Contents

CSS Rhythm

the repeated pattern of spacing that creates pace,
predictability, and calm

Rhythm is the pattern that emerges
when spacing repeats with intention.

It is the quiet pulse of a layout
— the way paragraphs, headings, lists,
and components create a predictable pace
as the reader moves down the page.

Rhythm is a feeling of consistency,
rather than a rule.

Rhythm tells us:

Rhythm is the tempo of the interface.
When we understand it,
we can describe intentions clearly.

Examples of what to say:

“Keep the vertical rhythm consistent.”
“Increase the spacing between sections 
to slow the pace.”
“Tighten the rhythm for a more compact feel.”
“Let headings break the rhythm slightly 
to signal importance.”

Rhythm is how we create a layout that
feels intentional
rather than improvised
.


Why Rhythm matters when working with AI

AI can apply spacing mechanically
but miss the pattern.

Rhythm is how we guide that pattern.

When we name the rhythm, we tell AI:

Rhythm turns spacing
from isolated decisions
into a coherent system
.



Tony de Araujo —New York | Lisbon