Unity

A design feels whole when its parts repeat a system; a grid, a style, a rhythm.

Learn

Unity makes separate pieces feel like one designed thing, the way players in matching kits feel like one team.

The three tools of unity

Grids. Snap things to invisible boxes so nothing drifts around.

SaveSharePrint

Repetition. Same button style, same icon style, everywhere.

page 1 ◈ top leftpage 2 ◈ top leftpage 3 ◈ top left

Same place, every page. Readers learn where to look and trust the design.

Spot the odd one out

OKOKOKAY!!

Two buttons match; the third invents its own style. It instantly feels like it belongs to a different app. That broken feeling is what unity prevents.

Wrong vs right

✕ Three button styles: like three different apps

SavesharePRINT!

✓ Repeated styles read as one family

SaveSharePrint

Seen in the wild

Open any music app: every row is built from the same repeating pattern. That repetition is unity.

Library

▶Morning Mix
Playlist · 32 songs›

♪Rainy Day
Album · L. Cho›

✦Liked Songs
418 songs›

HomeSearchLibrary

1 2 3

1Every row repeats the same recipe: icon, title, subtitle, chevron. Learn one row and you've learned them all.
2Icons share one style and size, chevrons always sit in the same spot; anchored to an invisible grid.
3The same tab bar appears on every screen of the app, so you always know where you are. Consistent placement = unity across pages.

Practice