DesignDojo
Rhythm

Repetition

Repeat the important patterns so users can learn the system instead of relearning each section.

Also heard as: consistency, repeated patterns

Back to vocabularyJump to components

Definition

Repetition is the intentional reuse of spacing, styling, structure, and interaction patterns across an interface.

Why it matters

Consistency reduces learning cost. When the same action or status appears with different rules every time, the product feels unreliable.

Visual comparator

✓ Consistent system

Consistent cards

Shared patterns make the UI feel coherent and easy to learn.

  • Repeated surfaces share anatomy and rhythm.
  • Status styling stays consistent across contexts.
  • The system feels teachable.

✕ Pattern drift

Noise

Pattern drift forces users to check each new section as if it were a different product.

  • Same role, different styling every time.
  • Spacing and actions drift between cards.
  • Users lose confidence in what patterns mean.

Prompt language

  • Repeat the same card anatomy and spacing scale across all three dashboard sections.
  • Use one badge system for status instead of inventing a new pattern in every panel.

Anti-patterns

  • Changing card padding, heading style, and action placement from section to section without a reason.
  • Using different status colors and label styles for the same semantic meaning.

When to research more

Research more when a design system needs variants, state logic, or governance rules so consistency does not collapse under edge cases.

Related components

Card

Group related information into a bounded, scannable surface.

Badge

Apply compact status labels without competing with primary content.

Avatar

Represent people with visual identity and fallback initials.

Related lessons

Repetition Creates Consistency

1.1 First Principles

Card

1.2 Components

Badge

1.2 Components