Standard Web Page Layout Grid
Our Standard Layout Grid
This is the standard grid we use to layout website designs. It divides the page into three sections: a Header area, a Content area and a footer area. This standard layout grid can be used with almost any design.Most websites are built on a standard grid style layout and this layout gives my clients a framework to visualize their website.
The Header area of your site should contain information common to all of the pages in your site. Your company name, logo, a top menu, search box, and a photo banner are some of the commonly used items in this area. Some sites also place social media connection icons in this area. Most often, the header area is divided into different "rows" with each row holding some information.
The Content area of your site is the largest area on your page. The content area can be divided into vertical columns just as the header and footer area can be divided into multiple rows.
Pages most often will have between one and two columns of information. If your page has one large content area this is a one column layout. In a two column layout a smaller left or right section will hold content such as navigation menus or special information while the larger area remaining will hold your main content. In a three column layout the two sides might hold items like navigation menus and the center area would hold the main content for the site.
Many websites have one layout for the site Home page and then a second layout for the interior pages. You can choose the exact layout for each of your pages - one, two or three columns