Grid & Layout

Grids & Layout

A breakdown of our grid system.

Grid System

Whenever possible, all aspects of a grid should be divisible by four. This includes the number of columns, the column width, the gutter width, and the margin width.

In some instances, it will not be possible for all aspects of a grid to be divisible by four (e.g. a 300×600 pixel digital ad). When this happens, ensure as many aspects of the grid as possible are divisible by four (e.g. a grid uses four columns and the column width is divisible by four, the gutter and margins are close, but not exactly divisible by four).

What about rows? Because many digital applications don't have a fixed height, rows are less critical. However, rows are used to help organize content when an application does have a fixed height (e.g., Instagram post, Twitter banner, poster, etc.).

Back to top

Photography Downloads

Having problems? Send us a message.

Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit

Lorem ipsum dolor sit

Lorem ipsum dolor sit

File type (1.0 mB)

Lorem ipsum dolor sit

Lorem ipsum dolor sit

File type (1.0 mB)

Lorem ipsum dolor sit

Lorem ipsum dolor sit