DesignDojo
1.1-first-principles · 05-repetition

Estimated time: 8 min

Repeated PatternRandom Pattern
Consistent pattern language

Why Repetition Works

Predictable patterns reduce decision cost on every screen.

People build trust through consistency. Each repeated pattern is one less thing they need to relearn.

Repeat The Right Things

Heading levels and text styles

Card structure and section spacing

Button shapes and state feedback

Repeat these primitives and your UI starts to feel cohesive. Random one-off styling breaks momentum.

Common Repetition Failure

The same action styled differently across pages makes users hesitate.

A save action should look like one family everywhere. If one page uses ghost style and another uses bright primary, meaning gets blurry.

Cards share the same skeleton, headings keep one scale, and action buttons reuse one visual role.

Exercise

Pick the better consistency rule for your next feature screen.

Repetition

Intentional reuse of visual patterns so users recognize meaning faster across screens.

Consistency

Reliable behavior and appearance for similar elements in every context.

Progress saves locally on this device.

Learning Loop

Lock this lesson in with a fast cycle: quiz the module, drill flashcards, then run the daily challenge.

Take Module QuizPractice FlashcardsRun Daily Challenge

Next Lesson

Whitespace Is Not Empty