Live demo of the Campaign playbook blueprint · Forma is a fictional brand.All blueprintsJoin the waitlist

Layout & formats

Layout & formats

A grid that leaves room to move

Every campaign layout uses the same logic: copy top left, furniture bottom right on the Mist floor, the lockup or wordmark in the bottom band. Pick a format to see its grid, and switch on the overlay to see it on a real post.

Feed post 4:5

Format
1080 × 1350 px
Columns
4
Column width
212 px
Gutter
24 px
Side margins
80 px
Top and bottom
80 px
Baseline
8 px

Bottom band = 20% of the width, for wordmark and button.

White space

  • Margin = 7.5% of the shortest side. Nothing important outside it.
  • Text/image ratio: copy takes at most 40% of the area, the scene at least 60%.
  • Everything aligns left. Never centre the campaign line.
  • The furniture always stands on the Mist floor; the floor band is 14–20% of the height.
  • Leave the space between the line and the sofa empty. That's where the module moves.
  • One message, one button per format. A second message is a second format.
Feed post with the campaign line, the sliding Signal module and the wordmark in the bottom band.
Example · Feed post 4:5
Slide 23 of 42