BI Norwegian Business School

Visual Elements

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.

Borders

Layout seksjon

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

Borders at bi

Borders

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

Borders – application

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.

Borders in different formats

Rammer Samlebilde

Download borders for use in different formats here.

Metashare 1200x628px thin frame
Metashare 1200x628px. The frame is placed close to 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.
A4 210x297 px thin frame
Thin frame (210x297 mm) The frame is placed close to the edge.
1080x1920px thin frame
Thin frame (1080x1920 pixels) The frame is placed close to the edge.
1080x1350px thin frame
Thin frame (1080x1350 pixels) The frame is placed close to the edge.