Design fundamentals · fan edition

Why your collage looks off: order is information

Fans argue about member collages "respecting age order" because ordering isn't decoration — it's data. Position encodes meaning. Play with the gallery wall below and see how the same nine photos tell different stories.

Drag to rotate the wall. Switch layouts and watch every frame glide to its new position.

Layout playground

Four rules that make any collage look intentional

1. Reading order = rank

Western viewers scan in a Z-pattern: top-left first, bottom-right last. Whatever sits top-left reads as "first" — which is exactly why age-order debates exist. Position is a claim.

2. One gutter to rule them all

Uneven gaps read as mistakes. Pick a single spacing unit (say 12px) and use it — or exact multiples — everywhere. Consistency is 80% of "clean."

3. Hero cells signal importance

Making one photo 2× larger declares a hierarchy. Great for a birthday edit; risky for a group where equal billing matters. If everyone is equal, keep cells equal.

4. Odd counts need anchors

9 photos fit a 3×3 perfectly. 7 don't — so anchor with a center cell or a hero, never leave a dangling corner. If your count is awkward, change the grid, not the crops.

The math bit: a 3×3 grid on a 1080px canvas with 12px gutters gives cells of (1080 − 2×12 − 2×24)/3 = 336px (with 24px outer margins). Work out the cell size before cropping, and crop every photo to the same aspect ratio (1:1 or 4:5) so faces align on a shared eye-line. Alignment of eyes across a row is the single highest-impact trick in group collages.
Enjoy this tool? Build your own with Super