The page borders – the areas at the left and right of the centred zone – are designed per site. The left and right border images are 375 pixels wide and 1200 pixels high. Note that on displays wider than 1920px or taller than 1200px, border images will scale (so they do not need to fade to a solid colour or tile).

The borders can contain photography, colour or abstract imagery – but should not distract attention from the page content itself. Border imagery can also be reused as the masthead's background image. This will show through the transparent utility bar and the window device.

In ID7, we don't use drop shadows or lines to separate page content from page borders, so instead, to provide that separation, border images should use a background colour other than white.

Example 1: photography containing movement with motion blur

Example 2: photography with heavy motion blur

Example 3: abstract pattern

Example 4: abstract pattern