Before: scattered campaign parts
Hook, image, proof, logo, and CTA float with no shared structure, so the viewer has to search for the story.
Core idea
Composition chooses the structure of attention. Pick a grid, shared edges, balance, and asymmetry that match the campaign content instead of forcing everything to the center.
- Choose the grid from the content rhythm: one bold hook, a proof group, a media area, or a dense set of details need different structures.
- Anchor related elements to shared edges so separate parts read as one designed path.
- Balance visual weight with space and intentional asymmetry, not automatic centering.
- Treat thirds, golden-ratio marks, and 12-column grids as starting guesses, not laws.
Visual example
A campaign layout needs a deliberate scan path.
Poster lab
Make the first read obvious
3 critique rounds 12 seats Remote friendly
Apply now
Before and after
Make the viewer travel through the offer.
After: structured campaign path
The hook leads, support aligns underneath, negative space creates pause, and the action sits where the scan ends.
Worked example
Why the improved version works
The improved layout uses a simple structure that fits the content: one large hook, one proof group, and one action. Shared left edges connect the proof to the CTA, so the parts feel related instead of scattered.
The asymmetry is intentional. The heavy hook is balanced by open space and a quieter support column, so the layout has movement without forcing every element into the center.
Common mistakes
Watch for these patterns
Everything is centered, so the hook, proof, and CTA stack politely but create no useful path.
Elements float without a shared edge, making the layout feel assembled rather than composed.
A rule-of-thirds or golden-ratio mark is followed even when the content needs a different anchor.
Corners are filled because they are empty, not because they support balance or movement.
Visual comparison
Which composition creates a clearer campaign path?
One layout scatters parts with no shared structure. The other uses a content-fit grid, shared edges, and one clear endpoint.
Select an option to see the design reasoning.
Practice completed
Next lesson
Simplify and Edit
Remove visual noise so the message becomes easier to understand.
Small exercise
Diagnose the scan path
Pick the campaign composition with a clearer scan path, then identify which zone breaks the movement from hook to action.