Whole width

15GU

Nav area

3GU

Content area

12GU

Nav area

3GU

Content area in a 12-col area which is split up by three nested columns

4GU

4GU

4GU

5 Column newspaper layout

3GU


3GU


3GU


3GU


3GU

Golden cut B

GCB

Golden cut A

GCA

4 Column equal width layout

25%


25%


25%


25%

3 Column layout

5GU


5GU


5GU

Examples for nested areas with percentual division

25%

25%

25%

25%

Examples for nested areas with percentage based division

50%

50%

Column spanning multiple rows

7GU

Centered grid columns of different sizes

9GU

6GU

3GU