Square format layouts

Summary

A social-format page: two square cream frames standing in for Instagram posts, each with a centered red headline, a centered subhead and the orange bun logo, framed by visible margin guides.

Visual description

Full-bleed BK red (#E5392A), standard utility header. A brown "Square Format Layouts" heading and two paragraphs sit top-left, explaining that Instagram posts follow the same grids but may use centered type, with point sizes and vertical margins adjusted so the typography stays optically centered. The right shows two square cream frames side by side with thin red margin guides. The left frame centers a two-line red "This is a headline" with a smaller centered subhead; the right frame centers a slightly longer two-line headline ("This headline is a little longer") with the same subhead. Each carries the orange BK bun logo centered near the bottom. Copyright bottom-left.

Key takeaway

Allowing a centered exception for square social formats while keeping the rest of the system grid-aligned, and showing two headline lengths so the optical-centering rule is demonstrated rather than asserted. Margin guides stay visible so the post still respects the system.

Reuse notes

A practical page for adapting a primarily left-aligned identity to social squares without breaking it. Reuse the two-length demo to communicate "adjust size and vertical margin to keep type centered." Pairs with the variable-type and single-word pages that explore more expressive social treatments.