Please note: This site has been replaced with a newer version. It remains here for historical reference only.

Layouts

OUICE is based around a grid. In it's default state the layout is ems-based. It is adaptive to the viewport it finds itself within. However, at it's core is a simple grid of 12 columns and gutters.

grid. 12 cols wide.

If it's easier to think in pixels for composition purposes, the grid is 980 pixels wide. Each column is 60 pixels and each gutter is 20 pixes. We don't advocate setting layouts in pixels unless there is no other good way to achieve the desired effect.

There are some basic 'out of the box' layouts available to you.

We're working on even more layouts to include three columns and two column with the sidebar on the left.

Do you need layouts to accommodate a specific design? Let us know.