Principle 2 of 4
Repetition
Repeat visual elements throughout your design. This creates unity and tells the viewer: "these things belong to the same system."
Key rule: Repeat colour, font, shape, and style — deliberately.
💡
Why it matters: When every element looks different, your design looks like a random collection of parts. When you repeat the same colours, shapes, and styles, the design feels like a system. The viewer's brain relaxes — it knows what to expect.
✗ Every card has a different style
E
English
Room 301 · Mon 8am
✓ Same pattern repeated for every subject
E
English
Room 301 · Mon 8am
M
Mathematics
Room 215 · Tue 8am
🗓
In the good version, the same green left border, rounded icon, bold name, and small grey info is repeated for every subject. You can scan 10 subjects in seconds because your eye already knows the pattern.
✗ Different colours everywhere — no identity
Packaging
Blue (different!)
Uniform
Green (different!)
Website
Orange (different!)
✓ Same colours repeated across everything
Signboard
Red — same everywhere
Golden Arches
Yellow — same everywhere
Packaging
Red — same everywhere
Website buttons
Yellow — same everywhere
🍟
You recognise McDonald's before you read a single word — because the same two colours are repeated on every surface. That's repetition building brand recognition. The same principle works for a school project or a personal portfolio.
✗ Random styles — no visual theme
✓ Consistent colour palette repeated
📸
Successful content creators plan every post to use the same colour family. When someone visits their profile, the whole grid feels intentional and polished. This is repetition creating a visual brand — even without a logo.
✗ Each worksheet looks different
✓ Same header style on every worksheet
📄
When every worksheet uses the same header colour, same font size, and same layout, students can grab any page from their bag and immediately know what it is. Repetition reduces confusion — a huge benefit in a busy classroom.
✗ Every icon is a different shape
Chaotic — no unifying shape
✓ All icons use the same rounded square shape
Unified — same shape repeated 8×
📲
Apple's iOS enforces the same rounded rectangle shape for every app icon. This one act of repetition makes thousands of different apps look like they belong together on the same phone. The shape is the repeating element.
✗ Each article card has a different layout
School wins national award
2 hours ago
New timetable released for Sec 1
Sports Day postponed to July
URGENT
✓ Same card layout for every article
School wins national award
2 hours ago · School News
New timetable released for Sec 1
5 hours ago · Timetable
Sports Day postponed to July
1 day ago · Events
📰
News sites use the exact same card template for every article: thumbnail on the left, title bold, metadata small and grey. Once you learn the pattern, you can scan 20 articles in seconds. Repetition speeds up reading.
Choose your accent colour:
English Language · Room 301 · Mon 8am
Mathematics · Room 215 · Tue 8am
Science · Lab 2 · Wed 8am
History · Room 108 · Thu 8am
🎨
Notice how choosing one colour and applying it consistently immediately makes the list feel like a designed system. The colour itself doesn't matter — the consistency does.
🎯 Challenge: Find the Inconsistency
Open any school app, website, or printed material. Look for these questions:
- Do all headings use the same font and size?
- Is the same accent colour used consistently, or does it change randomly?
- Do all buttons look the same, or does each one have a different style?
- Can you find one element that breaks the pattern? How would you fix it?