Nortal brandbook

version 1.4, last update 15.01.2015

Our brand is based on certain values – things we believe in. Visual identity is a set of elements, tools and rules that help to reflect these values in our everyday communication. Using them consistently will help our brand to stand out and our business to grow.

Let's get startedDownload the logo

Our brand

We envision a society where everything just works, seamlessly. Our aim is to make all communications and transactions effortless. We can proudly say that our work creates meaningful impact.

The Nortal brand is more than our name, logo or visual identity. It’s a way of thinking and doing that is rooted in constant improvement. It is deeply human and universal to strive for the better, to look up to the sky.

Our work is all about technology transforming societies and companies, yet made by people for the people. Both rational and emotional aspects play an important role in what we do. Our visual language combines classic design principles with soft lines and warm imagery.

We’re a global company, embracing different nationalities and cultures. That is why our brand looks clean, simple and modern. We are always approachable and easy to communicate with.

Colours

Nortal brand colour is green. It is connected to our values and forms the basis of the identity system. A vibrant secondary colour complements it. Only the following colours should be used in our communication. Make sure to have the correct values for each colour space.

Primary colour

Nortal green

PANTONE 355
CMYK 91-0-100-0
RAL 6037
RGB 0-150-57
HEX #009639

Secondary colour

Nortal purple

PANTONE 266
CMYK 76-90-0-0
RGB 120-60-189
HEX #783CBD

Additional colours

PANTONE 349
CMYK 90-12-95-40
RGB 0-97-58
HEX #00613A

PANTONE 353
CMYK 41-0-36-0
RGB 121-226-148
HEX #79E294

PANTONE 7478
CMYK 28-0-25-0
RGB 207-251-220
HEX #CFFBDC

PANTONE 2597
CMYK 80-99-0-0
RGB 94-13-139
HEX #5E0D8B

PANTONE 2655
CMYK 54-61-0-0
RGB 151-120-211
HEX #9778D3

PANTONE 270
CMYK 29-25-0-0
RGB 182-180-223
HEX #B6B4DF

-
CMYK 0-0-0-20
RGB 230-230-230
HEX #E6E6E6

-
CMYK 0-0-0-100
RGB 0-0-0
HEX #000000

Colour weight

Make sure Nortal Green is always the dominant colour.

Colour tints

Only used on screen and when more than 8 variations are needed (eg, graphs).

#B5CFC4
#B8DFC5
#D7F6DF
#F1FDF5
#E9E9F5
#E0D7F1
#D6C6EA
#CEB9DB
#84AF9D
#89CA9E
#BDF1CA
#E7FCEE
#DADAEE
#CBBDE8
#BBA0DC
#AE8BC4
#02240E
#075713
#39C856
#AAF6C0
#8281C1
#593DAC
#38188A
#23064B
#000E03
#023306
#1AB131
#8CF2A7
#5D5CA9
#35218F
#1A0B66
#0D0228

Backgrounds

We like to be as clear in our communication as possible. So we use a lot of clean backgrounds. These can either be light gray, white or Nortal Green.

White




Nortal Green

PANTONE 355
CMYK 91-0-100-0
RGB 0-150-57
HEX #009639

Light Gray

CMYK 0-0-0-20
RGB 230-230-230
HEX #E6E6E6

Typography

Nortal's primary typeface is Aktiv Grotesk. It should be used every time it is available. The main weights are Light and Regular, Bold is used as an exception.

Corporate typeface

Aktiv Grotesk Light

ABCDEFGHIJKLMNOPQRSTUVÕÄÖÜXYZŽ
abcdefghijklmnopqrstuvõäöüxyzž
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдеёжзийклмнопрстуфхцчшщъыьэюя
0123456789+-&@!?$£€

Aktiv Grotesk Light Italic

ABCDEFGHIJKLMNOPQRSTUVÕÄÖÜXYZŽ
abcdefghijklmnopqrstuvõäöüxyzž
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдеёжзийклмнопрстуфхцчшщъыьэюя
0123456789+-&@!?$£€

Aktiv Grotesk Regular

ABCDEFGHIJKLMNOPQRSTUVÕÄÖÜXYZŽ
abcdefghijklmnopqrstuvõäöüxyzž
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдеёжзийклмнопрстуфхцчшщъыьэюя
0123456789+-&@!?$£€

Aktiv Grotesk Regular Italic

ABCDEFGHIJKLMNOPQRSTUVÕÄÖÜXYZŽ
abcdefghijklmnopqrstuvõäöüxyzž
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдеёжзийклмнопрстуфхцчшщъыьэюя
0123456789+-&@!?$£€

Aktiv Grotesk Bold

ABCDEFGHIJKLMNOPQRSTUVÕÄÖÜXYZŽ
abcdefghijklmnopqrstuvõäöüxyzž
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдеёжзийклмнопрстуфхцчшщъыьэюя
0123456789+-&@!?$£€

Aktiv Grotesk Bold Italic

ABCDEFGHIJKLMNOPQRSTUVÕÄÖÜXYZŽ
abcdefghijklmnopqrstuvõäöüxyzž
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдеёжзийклмнопрстуфхцчшщъыьэюя
0123456789+-&@!?$£€

The licenced version of Aktiv Grotesk also includes Arabic script.

Please make sure you are using properly licensed versions of the typeface and have sufficient number of licences available.

Japanese & Chinese versions of Aktiv Grotesk are available as separate typefaces.

Purchase the licenses here

System substitutes

When the corporate typeface is not available or its use is not viable, please use Arial instead. No other fonts are allowed for our communication.

Arial

ABCDEFGHIJKLMNOPQRSTUVÕÄÖÜXYZŽ
abcdefghijklmnopqrstuvõäöüxyzž
АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ
абвгдеёжзийклмнопрстуфхцчшщъыьэюя
0123456789+-&@!?$£€

Type structure

Aktiv Grotesk Light
for headlines

Aktiv Grotesk Light for subheadings aenean eu leo quam.
Pellentesque ornare sem lacinia quam venenatis vestibulum.

Aktiv Grotesk Regular for body text. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies elit. Use Nortal Green to highlight text or use bold to highlight text. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Aktiv Grotesk Regular for body text. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Aktiv Grotesk Bold can be used when text highlighting with colour is not possible. Vel scelerisque nisl consectetur et.

Layout

Now you know our logo, colours and typefaces.
Here are a few simple rules how to make them work together, happily.

Grid

Each format is divided into 18 equal sections by width. The logotype is placed to the top left corner, 1 section from both edges. The logo width is 3 sections. Text margin is 2 sections, so the left edge aligns with the “N” in the wordmark.

Exceptions

On some occasions the grid system cannot be used as the format is not wide enough and the logo would be too small. Center alignment is allowed on these formats. Also don't forget the minimum size and clear space!

Improper uses

Pattern

The pattern is a simple, yet flexible graphic device that is derived from our logomark. It can be used to bring some life to text-only layouts or used as a more abstract alternative to our illustrations.

Grid

The pattern is based on a square grid which makes it easy to produce infinite new versions of it.

Usage

Improper uses

Illustrations

Illustrations are a distinctive (and fun) part of our identity. They provide a simple way of showing our main business areas and values.

eGovernment

eHealth

Enterprise

Seamless Society

Values

We are looking for constant improvement

We value openness and honesty

We value teamwork

We promise and deliver meaningful impact

Friendly reminder

The illustrations are an original piece of artwork. Please do not try to re-create or reproduce them. If you need adjustments or completely new illustrations, please commission them form the original artist Ryan Chapman.

Photo style

The overall photo style is light, natural and with ample clear space (good for using text or graphics). If possible, choose photos with elements in Nortal main brand colour.

How to choose great photos?

Photos should always be of good quality and have sufficient resolution for both screen and print use.

Commission specific photos based on the guidelines and provided examples.

Good examples

Don’ts

When choosing photos, make sure that they fit in with the general visual language and do not contradict with the brand values.

If in doubt, always contact the Visual Team.

The photos should not:

  • Be of low quality, too artistic, use strong photo manipulation or effects
  • Depict the subject matter in a clichéd, patronizing or unnatural way
  • Show busyness, nervousness – anything that works against the idea of seamlessness
  • Use dominant off-brand colours

Bad examples

Icons

Nortal uses open source Google Material Design icons, you can see the in-depth guide here. All new icons should be created using the same system.

Thanks for getting to know our brand!

If you have any questions or suggestions, please contact the Visual Team.

Visual identity by AKU.