A rács egy vonalakból álló szerkezeti keret, amelyet a tervezési elemek összehangolására használnak. Az oldalt oszlopokra, sorokra és margókra osztja, rendszert adva a tervezőnek a tartalom elhelyezéséhez. A svájci tervező, Josef Müller-Brockmann az 1960-as években kodifikálta a rács alapelveit, és a Grid Systems in Graphic Design című könyve a mai napig standard referenciaként szolgál. Az újságok, magazinok és weboldalak mind rácsokra támaszkodnak, bár másképp használják azokat.

Egy tipikus rács hasábokból, margókból és szegélyekből áll. Az hasábok tartják a tartalmat. A margók elválasztják az hasábokat. A margók keretezik az oldalt. A 12 hasábos rács gyakori a weben, mivel egyenletesen felezi, harmadolja, negyedeli és hatodolja az oldalt. A tervezők több hasábot is átfoghatnak a szélesebb tartalomhoz, vagy egyetlen hasábot használhatnak keskeny szöveghez. A rács nem szabja meg a dizájnt. Olyan struktúrát biztosít, amelyet a tervező követhet, hajlíthat vagy szándékosan megszakíthat. A rács megszakítása erőteljes lehet. Egy teljes margóval rendelkező kép, amely figyelmen kívül hagyja az hasábokat, pontosan azért vonzza a figyelmet, mert sérti a struktúrát.

Rácskomponensek

• Oszlopok: függőleges sávok a tartalomhoz.
• Ereszcsatornák: oszlopok közötti rések.
• Margók: az elrendezés külső szélei.
• Alapvonalrács: vízszintes vonalak a szöveg igazításához.

A rács nem egy ketrec. Egy eszköz a gyorsabb döntéshozatalhoz és az elrendezés koherens megtartásához több oldalon vagy képernyőn keresztül.