BI Norwegian Business School

Layout

This page contains some general guidance on layout decisions. BI uses borders as a visual element to both bring the identity from the logo in, but also to box content in a visually pleasing way. Below are some tips and files to help out.

Visual elements

Layout seksjon

Borders and gradients are a big part of our visual identity. Below are our most used visual layout elements.

Borders

Borders at bi

In applications, we can use the logo borders as dynamic elements.

The borders of the BI logo is flexible and this is an example of how you can use the boarder together with the "BI". The "BI" must never be used without the border.

Borders – application

Borders

To achieve a consistent look on application surfaces of different sizes and formats, we use an implementation rule.

The border’s starting point (the end with the weakest gradient) is by 1/4 of the application surface’s total width.

Editable layouts

These layouts can be edited in Adobe photoshop. Download editable layouts here.

Borders in different formats

Download borders for use in different formats here.

1920x1080px thin frame inside
Thin frame (1920x1080 pixels) This frame placed further away from the edge.
1080x1080px thin frame inside
Thin frame (1080x1080 pixels) This frame placed further away from the edge.
1080x1920px thin frame inside
Thin frame (1080x1920 pixels) This frame placed further away from the edge.
297x210mm thin frame inside
Thin frame (297x210mm) This frame placed further away from the edge.
210x297mm thin frame inside
Thin frame (210x297 mm) This frame placed further away from the edge.
1920x1080px thin frame
Thin frame (1920x1080 pixels) The frame is placed close to the edge.
1080x1080px thin frame
Thin frame (1080x1080 pixels) The frame is placed close to the edge.
1080x1920px thin frame
Thin frame (1080x1920 pixels) The frame is placed close to the edge.
A4 210x297 px thin frame
Thin frame (210x297 mm) The frame is placed close to the edge.
Metashare 1200x628px thin frame inside
Metashare 1200x628px. This frame placed further away from the edge.
Metashare 1200x628px thin frame
Metashare 1200x628px. The frame is placed close to the edge.