Mřížkový systém rozděluje stránku na sloupce a řádky, které určují, kam směřuje obsah. Vnáší do rozvržení řád. Švýcarský designér Josef Müller-Brockmann kodifikoval principy mřížky v 60. letech 20. století a jeho kniha Mřížkové systémy v grafickém designu zůstává standardní referencí. Noviny, časopisy a webové stránky se na mřížky spoléhají, i když je používají odlišně.

Typická mřížka má sloupce, mezery a okraje. Sloupce obsahují obsah. Mezery oddělují sloupce. Okraje rámují stránku. Dvanáctisloupcová mřížka je na webu běžná, protože se rovnoměrně dělí na poloviny, třetiny, čtvrtiny a šestiny. Návrháři mohou rozšířit obsah do více sloupců pro širší obsah nebo použít jeden sloupec pro úzký text. Mřížka nediktuje design. Poskytuje strukturu, kterou může návrhář sledovat, ohýbat nebo záměrně lámat.

Komponenty mřížky

• Sloupce: svislé pruhy pro obsah.
• Okapy: mezery mezi sloupy.
• Okraje: vnější okraje rozvržení.
• Základní mřížka: vodorovné čáry pro zarovnání textu.

Přerušení mřížky může být silné. Obrázek přes okraj, který ignoruje sloupce, přitahuje pozornost právě proto, že narušuje strukturu. Přerušení však funguje pouze tehdy, je-li mřížka dostatečně silná, aby byla cítit.