Grid Systems and White Space
A grid is the invisible scaffolding that makes layouts feel organized and professional. The most common grid type for graphic design uses columns — typically 12 for web layouts because 12 divides evenly into 2, 3, 4, and 6 column arrangements, offering flexibility. Each column is separated by a gutter (the space between columns), and the entire grid sits inside margins (space between the grid and the document edge). Gutters and margins are not wasted space — they provide the breathing room that makes dense content legible. A standard print layout might use a 12-column grid with 20px gutters and 40px margins. Snap all text boxes, images, and graphic elements to grid columns rather than placing them arbitrarily. The result is a layout that feels rigorous and intentional even when elements vary wildly in size and content. White space (negative space) is the empty area between and around design elements. Beginners treat white space as emptiness to fill; professionals treat it as an active design element. Generous white space signals confidence, luxury, and clarity — it tells the viewer 'this design is so strong it doesn't need clutter to fill your attention.'