Applying the logo to layouts

Summary

A logo-application page: the Burger King bun logo placed bottom-right at 2x the margin width across three grid frames, with pixel callouts and numbered notes.

Visual description

Full-bleed BK red (#E5392A), standard utility header. The left column carries a brown "Applying Our Logo" heading and a paragraph explaining the logo sits in the bottom-right corner at 2x the margin size so it scales proportionally with each application. The right shows three cream frames with column grids and dimension marks (27, 54, 30, 60 px). Each frame repeats the "This is a headline" plus subhead lockup and places the orange-and-cream BK bun logo in the lower-right corner at the prescribed size. Brown numbered badges (1, 2, 3) sit on the frames and repeat lower-left as a legend ("27 x 2 = 54 px", "30 x 2 = 60 px").

Key takeaway

Defining logo size as a multiple of the page margin (2x) rather than a fixed dimension, so the mark scales with the layout automatically. Anchoring it consistently bottom-right and showing it on three formats fixes both placement and proportion in one page.

Reuse notes

A clean rule to borrow: tie logo size to the grid margin so it never needs manual resizing per format. Reuse the bottom-right anchor and the numbered pixel legend. Completes the headline/subhead/body trio with the logo as the final placed element.