The below images show the dimensions of the columns and rows in the immerse level grid system. Using these dimensions, it is possible to design graphics to fill a given region within the grid.

Each image shows the grid in a different configuration, one, two, three, four or five columns. The height of a line remains 20px in all cases, but the width of the columns and gutters varies, as indicated by measurements shown. 

Note that you may wish to reduce the graphics at 150% or 200% of the size required (file size depending) to ensure they look as sharp as possible on high-definition displays. These larger graphics will be scaled down to fit.

One Column:

Two Columns:

Three Columns:

Four Columns:

Five Columns:

Did this answer your question?