What is the rule of thirds?

How the grid works

Imagine two lines across the frame and two lines down it, spaced evenly, so the image splits into nine equal rectangles. The four points where the lines cross are often called power points or sweet spots. The Interaction Design Foundation describes these as the positions where a viewer's eye tends to be drawn in a layout, which is why the most important part of an image, such as a face, a product or the horizon, is placed on them. The horizontal lines also help with landscapes and interiors: a horizon on the lower line gives the sky the weight, and a horizon on the upper line gives the ground the weight. On an A4 flyer at 1,240 by 1,754 pixels, the lines fall at roughly 413 and 827 pixels across and 585 and 1,169 pixels down.

Why off centre tends to work

A subject in the exact centre is stable and static, which suits some designs but often looks accidental in a photograph. Moving the subject to a third creates an empty area on the other side, and that space does real work on a flyer: it is where the headline or the price can sit without covering the picture. It also gives a sense of direction. A person placed on the left third and looking to the right leads the eye across the empty space towards whatever is there, which can be the offer. The same logic explains a common failure. A person on the right third looking out of the frame to the right sends the reader's attention off the page, away from everything the flyer is trying to say.

When to break it

Centring is the better choice when the subject is symmetrical or formal: a plated dish shot from above, a single product on a plain background, a wedding invitation, a certificate or an event title set in large type. It is also better for tiny spaces such as a square profile image, where a subject on a third gets cropped by the circular mask many platforms apply. The golden ratio is a close cousin that places lines at about 38 and 62 percent instead of 33 and 67, giving a slightly less pronounced offset. In practice the difference between the two is small on a flyer. What matters more is choosing deliberately: a subject either clearly centred or clearly off centre looks intentional, while a subject slightly off centre looks like a mistake.

Common mistakes

The most common mistake is composing a photo to thirds and then cropping it to a different shape, which moves the subject off the lines and sometimes out of frame. A second is forcing text onto the intersections, where it collides with the image's own subject; the grid is mostly for the picture, and the text belongs in the space the picture leaves. A third is applying the grid to every element on the page at once, which produces a scattered layout with nothing aligned. Designers also forget that platform interfaces cover parts of social formats, so a subject placed on the lower third of a story can disappear behind the reply bar. Finally, the rule helps with one subject; a group photo or a busy street scene rarely has a single point to place.

Where composition shows up in the flyer builder

Image slots in the flyer builder fill with cover fit, which means an uploaded photo is scaled to fill the slot and then centre cropped, and there is no control to reposition it or set a focal point. The rule of thirds therefore has to be applied before uploading: crop the photo to the slot's shape with the subject already on a third. Uploads can be JPEG, PNG, WebP or GIF up to 10 MB, and the flyer must be saved first. Generated images are made at an aspect ratio snapped from the slot's own width and height to the nearest of eight ratios, and no text is rendered into them. Because resizing the flyer swaps in the design's native layout for each size, a slot can change shape and crop the same photo differently at A4 and at story size. The builder has no grid overlay or guides.

Questions people ask