Siatka projektowa to niewidzialny układ kolumn, wierszy i marginesów, który porządkuje rozmieszczenie elementów na stronie, ekranie lub rozkładówce. To fundament spójnej, czytelnej kompozycji.
Siatka odpowiada na pytanie „dlaczego ten layout wygląda profesjonalnie, choć nie wiem czemu": elementy wyrównane do wspólnych linii tworzą porządek, który czujemy, zanim go zauważymy.
W projektowaniu stron internetowych standardem jest siatka 12-kolumnowa, która elastycznie dzieli się na połówki, trzecie i czwarte części; w druku siatki bywają bardziej złożone (moduły, linia pisma). Responsywność to w istocie zasady, według których siatka przebudowuje się między telefonem a monitorem.
Świadome łamanie siatki to też narzędzie, bo element wyłamany z porządku przyciąga wzrok. Ale żeby coś złamać, najpierw trzeba to mieć.