NortHFutures brand guidelines

This is a temporary page containing the NortHFutures brand guidelines. It is a work in progress.

The website style is built on top of Alembic, Open Lab's design toolkit.

Wording

NortHFutures is the project name Nort-H-Futures, note the capital H.

Logotype

The logotype is the best way to reference the project in documents or on other wesites.

The logotype contains an alpha background to allow for different background colours but they must be subtle and have a good contrast to maintain legibility.

Dark

The dark variant of the logo, for use on lighter backgrounds. Download.

MUST be displayed on a near-white background

Light

The light variant of the logo, for use on darker backgrounds. Download.

MUST be displayed on a near-black background

PNG

The main versions of the logotype are SVG, to work best on the web and keep filesize down. There are also PNG variants if you need them:

• northfutures-dark.png
• northfutures-light.png

Fonts

These are the fonts for NortHFutures, they are available from Open Lab Fonts.

• Montserrat is the title font for NortHFutures, use it for headings and big text.
• Inter is the body font for NortHFutures, use it for the main text and buttons.

Colours

These are the NortHFutures' colours:

TODO: come up with better names and then CSS variables