ग्रिड प्रणाली पृष्ठ को स्तंभों और पंक्तियों में विभाजित करती है जो सामग्री के स्थान को निर्देशित करती है। यह लेआउट को व्यवस्थित करती है। स्विस डिजाइनर जोसेफ मुलर-ब्रॉकमैन ने 1960 के दशक में ग्रिड सिद्धांतों को संहिताबद्ध किया था, और उनकी पुस्तक "ग्राफिक डिजाइन में ग्रिड सिस्टम" आज भी एक मानक संदर्भ बनी हुई है। समाचार पत्र, पत्रिकाएँ और वेबसाइटें सभी ग्रिड पर निर्भर करती हैं, हालांकि वे इनका उपयोग अलग-अलग तरीके से करती हैं।

एक सामान्य ग्रिड में कॉलम, गैटर और मार्जिन होते हैं। कॉलम में सामग्री होती है। गैटर कॉलम को अलग करते हैं। मार्जिन पृष्ठ को फ्रेम करते हैं। वेब पर 12-कॉलम वाला ग्रिड आम है क्योंकि यह आधे, तिहाई, चौथाई और छठे हिस्से में समान रूप से विभाजित होता है। डिज़ाइनर व्यापक सामग्री के लिए कई कॉलम का उपयोग कर सकते हैं या संकीर्ण टेक्स्ट के लिए एक ही कॉलम का उपयोग कर सकते हैं। ग्रिड डिज़ाइन को निर्धारित नहीं करता है। यह एक संरचना प्रदान करता है जिसका डिज़ाइनर अपनी इच्छानुसार पालन कर सकता है, उसमें बदलाव कर सकता है या उसे तोड़ सकता है।

ग्रिड घटक

• कॉलम: सामग्री के लिए ऊर्ध्वाधर पट्टियाँ।
• गटर: स्तंभों के बीच के अंतराल।
• मार्जिन: लेआउट के बाहरी किनारे।
• बेसलाइन ग्रिड: टेक्स्ट को संरेखित करने के लिए क्षैतिज रेखाएँ।

ग्रिड को तोड़ना प्रभावशाली हो सकता है। कॉलम को अनदेखा करते हुए फुल-ब्लीड इमेज ध्यान आकर्षित करती है क्योंकि यह संरचना का उल्लंघन करती है। लेकिन यह उल्लंघन तभी कारगर होता है जब ग्रिड इतना मजबूत हो कि उसे महसूस किया जा सके।