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:
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:
#009B9A
A
#2E5153
B
#4A5583
C
#7C87F0
D
#001F44
E
#1A1A1A
Dark
#666666
Gray
#FFFFFF
Light
TODO: come up with better names and then CSS variables