Color and DesignThe Principles of Design

Rhythm

Rhythm is a visual beat made by repeating elements with spacing: regular, alternating, progressive (gradually changing) or flowing.

Not started Jump to practice

In music, rhythm is a beat. In design, rhythm is a visual beat made by repeating elements with spaces between them. The spacing and the way the repeats change set the kind of rhythm.

Four rhythms: regular, alternating, progressive and flowing.
Four common kinds of visual rhythm.
RhythmHow it worksThink of
Regularthe same element, the same spacinga row of fence posts
Alternatingtwo (or more) elements take turnsstripes of two colors; brick and stone
Progressiveeach repeat changes a little, step by stepcircles that grow; a staircase
Flowingrepeats follow a curving, wavelike pathripples, rolling hills

Key idea

Rhythm is a beat made by repetition and spacing: regular, alternating, progressive or flowing.

Why it works

The eye jumps from one repeat to the next, like a foot tapping to music. Even spacing feels steady; turns between two elements feel like a march; gradual change feels like growth or motion toward something.
Prayer hall, Great Mosque of Córdoba, begun 785.

Worked example: Rhythm in architecture

In the prayer hall of the Great Mosque of Córdoba, rows of double-tiered arches stretch in every direction, and each arch is striped with alternating wedges of red brick and white stone. What kinds of rhythm are there?
  1. Arch after arch with the same spacing: a regular rhythm.
  2. Red and white wedges taking turns in each arch: an alternating rhythm.

Answer: A regular rhythm of arches and an alternating rhythm of red and white.

Common mistake

Thinking rhythm needs exact repeats. A progressive rhythm changes step by step, like circles that grow or a row of trees shrinking into the distance. Ask: is there a beat the eye follows from one to the next? Then there is rhythm.

Practice

Pass with 3 right answers, the last 2 in a row. Each right answer earns 2 XP.

Loading practice…

Builds on

Leads to

Sources and further reading

@teddyrookbook GitHub