Layout

Layout theory

OU ICE layout is based around the 1em = approx 12px. The grid is flexible and true to the nature of the Dao of web design.

“... accepts the ebb and flow of things,
Nurtures them, but does not own them,”
Tao Te Ching; 2 Abstraction

Recognising that designers like to work with a fixed canvas in Photoshop, a grid system is provided (click for bigger version):

Page layouts

1. Plain and simple
2. With site ident
3. With creative
4. With carousel
5. With connected carousel
6. With sections
7. With site ident and sections
8. With creative and sections
9. With carousel and sections
10. With connected carousel + sections
11. Single column layout
12. Three column layout
13. Two sub-columns
14. Three sub-columns
15. Alignment
16. Subtle
17. Unboxed
18. Left nav

Column layouts

A range of layout options are available:

1. Standard layout (this page)
2. Single column layout
3. Three column layout
4. Three cols, left nav

Region 1 Sub layouts

1. Two equal columns
2. Three equal columns

Alignment

See also: images

1. Left (.go1)
2. Right (.go2)
3. Centered (.go3)

This page was last updated on Wednesday November 13, 2019