Go to content
Brand assets
Logotype
Introduction
Colours
Colour treatment
Placements
Clearspace
Alternative placement
Size
Avatar
Do's and don'ts
Local variations
Typography
Introduction
Primary font
Branding font
Guiding principles
Treatment
Sizing
Placement examples
Do's and don'ts
Colours
Introduction
Accent colour
Base colour
Greyscale colours
Treatment
Background
Do's and don'ts
Graphic elements
Graphic objects
Introduction
The rounded triangle
The blue line
Campus stamp
The fifth element
Introduction
Versions
Placement
Treatment
Dynamic tagline
Introduction
Treatment
Imagery & Video
Introduction
Imagery
Video
Video guidelines
iO in short
Introduction
iO fast facts
iO boilerplate
Design principle
Design Execution
Grids
Introduction
40/160 px grid
12 column grid
Modular composition
Rule of thumb
Introduction
Examples
Templates (TBC)
Practical guidance
Contact
Log in
Brand assets
Logotype
Introduction
Colours
Colour treatment
Placements
Clearspace
Alternative placement
Size
Avatar
Do's and don'ts
Local variations
Typography
Introduction
Primary font
Branding font
Guiding principles
Treatment
Sizing
Placement examples
Do's and don'ts
Colours
Introduction
Accent colour
Base colour
Greyscale colours
Treatment
Background
Do's and don'ts
Graphic elements
Graphic objects
Introduction
The rounded triangle
The blue line
Campus stamp
The fifth element
Introduction
Versions
Placement
Treatment
Dynamic tagline
Introduction
Treatment
Imagery & Video
Introduction
Imagery
Video
Video guidelines
iO in short
Introduction
iO fast facts
iO boilerplate
Design principle
Design Execution
Grids
Introduction
40/160 px grid
12 column grid
Modular composition
Rule of thumb
Introduction
Examples
Templates (TBC)
Practical guidance
Contact
Log in
Brand core
Design principle
