Et gittersystem opdeler en side i kolonner og rækker, der styrer, hvor indholdet placeres. Det bringer orden i layoutet. Den schweiziske designer Josef Müller-Brockmann kodificerede gitterprincipper i 1960'erne, og hans bog Grid Systems in Graphic Design er fortsat en standardreference. Aviser, magasiner og hjemmesider er alle afhængige af gitre, selvom de bruger dem forskelligt.

Et typisk gitter har kolonner, marginer og marginer. Kolonner indeholder indhold. Marginer adskiller kolonner. Marginer indrammer siden. Et gitter med 12 kolonner er almindeligt på nettet, fordi det opdeles jævnt i halvdele, tredjedele, fjerdedele og sjettedele. Designere kan strække sig over flere kolonner for bredere indhold eller bruge en enkelt kolonne til smal tekst. Gitteret dikterer ikke designet. Det giver en struktur, som designeren bevidst kan følge, bøje eller bryde.

Gitterkomponenter

• Kolonner: lodrette bånd til indhold.
• Tagrender: mellemrum mellem søjler.
• Margener: layoutets ydre kanter.
• Basislinjegitter: vandrette linjer til justering af tekst.

At bryde gitteret kan være kraftfuldt. Et billede med fuld udskæring, der ignorerer kolonnerne, tiltrækker opmærksomhed netop fordi det overtræder strukturen. Men bruddet virker kun, hvis gitteret er stærkt nok til at kunne mærkes.