zero·style

Browse

Explore the dictionary by design domain and category. Pick a group to list every curated term it holds.

Layout & composition · Graphic design

23 terms

  • alignment

    Lining elements up along a shared edge or centre line so a layout looks tidy and intentional rather than scattered.

  • asymmetry

    An arrangement where the two sides differ yet still feel balanced, giving a more dynamic, modern, energetic look than mirrored symmetry.

  • balance

    The sense that a layout's visual weight is spread evenly so no side feels heavier or emptier than it should.

  • baseline grid

    A set of evenly spaced horizontal lines that text sits on, so lines of type line up across columns and pages.

  • bleed

    Artwork extended slightly past the trim edge of a printed page so that, after cutting, colour or images run right to the edge with no white slivers.

  • column

    A vertical section of a layout that content is poured into, like the tall blocks of text in a newspaper.

  • figure-ground

    The way our eyes separate a subject (the figure) from its background (the ground), and how a designer makes clear which is which.

  • focal point

    The single spot in a layout designed to grab attention first, acting as the anchor everything else supports.

  • gestalt principles

    A set of rules about how people naturally group and read visual elements, such as seeing things that are close together or look alike as belonging together.

  • golden ratio

    A proportion of roughly 1 to 1.618 that many designers use to size and space elements because it tends to look naturally pleasing.

  • grid

    An invisible framework of evenly spaced columns and rows that you line elements up against so a layout feels orderly and consistent.

  • gutter

    The empty space between two columns (or between two facing pages) that keeps content from crowding together.

  • hanging indent

    A paragraph style where the first line starts at the left edge and every following line is indented, the reverse of a normal indent.

  • margin

    The empty border around the edges of a page or screen that frames the content and stops it touching the sides.

  • modular grid

    A grid split by both columns and rows into a field of small rectangles (modules), giving you cells to arrange text and images into flexible blocks.

  • proximity

    Placing related items close together and unrelated items further apart so viewers instantly understand what belongs with what.

  • rule of thirds

    A composition guide that divides a frame into a three-by-three grid and places key elements along those lines or at their intersections for a balanced, dynamic result.

  • safe area

    The inner zone of a page or screen, set in from the edges, where you keep important text and elements so nothing vital gets trimmed or cropped.

  • symmetry

    An arrangement where the two halves of a layout mirror each other, giving a formal, stable, orderly feeling.

  • vertical rhythm

    Consistent, repeating vertical spacing between lines and blocks of text so a page feels evenly paced from top to bottom.

  • visual hierarchy

    The deliberate ordering of a layout so the eye notices the most important thing first, then the next, and so on.

  • visual weight

    How much an element pulls the eye based on its size, colour, darkness, or position, treated as if some things weigh more than others.

  • white space

    The empty areas of a layout left deliberately blank so the eye can rest and important things stand out. It doesn't have to be white.

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.

Start a brief