When placing the logo, it's important that it's given enough space from the margins and other elements on the surface it's presented on. The clearspace principle derives from the size of our initial.

Sub-branding

The simplicity of our logo allows it to have various lock-ups when we communicate—for instance—solely in e.g. New York, Tokyo or Barcelona.

Co-branding

When we collaborate or partner with other brands, we have developed a system for co-branding. Either International leads, or the collaborator leads. Both options are ok. Depending on the surface the logos are visible on, we can choose between horizontal and vertical lock-ups.

Horizontal system

Horizontal system (partner lead)

Vertical system

Vertical system (partner lead)

Misuse

Logo Sizing

Our logo is designed to work at all sizes. The minimum logo size is set to a height of 15px, ensuring proper legibility. There is no set maximum size. If you go big, always remember to follow the rules of clearspace.

Logo Color

The International logo should only be used with black, white, and our brand colors. Black and white are the primary usage, but it's also allowed to practice our Chameleon Principle, when the logo is presented in split view with a photograph.

Logo on Photography

When applying our logo on photography, always ensure enough contrast between logo and image to make it clear, crisp and legible.

Logo Placement

Our logo placement system is simple and clear, but has enough flexibility to accomodate various content. When placing the logo, strictly use one of the alignments below.

Primary Logo Placement

Top left

Additional options

Top right

Centered

Bottom left

Bottom right

SoMe Logo

Our social media avatar is designed to stand out on any social media platform. Since it's almost always connected to our username, it's allowed to use only the initial, creating a strong and recognisable brand mark.

App Icon

Following the same principles as our Profile Image Logo, International's app icon is designed to stand out in a jungle of other app icons.

Misuse

Our logo should always be treated with love and appear consistent throughout all surfaces. It should not be reimagined, tampered with, or modified in any way. Below are some examples of what not to do.

Do not distort the logo

Do not place the logo vertically

Do not tilt or rotate the logo

Do not apply a color

to the logo and place it

on a colored background

Do not modify our clean black

or clean white color

Do not apply black logo on

a dark background

Do not apply white logo on

a light background

Do not apply stroke to the logo

Do not outline the logo

Do not apply drop shadow

Do not use the logo as a

frame for photography

Do not use the logo as part

of typography. When referring

to International in running text,

always use our brand typeface,

Inter, in the same weight as

the rest of the copy

Colors

Primary Colors

Rainbow

Monochromatic Rainbow

Colored Backgrounds with Logo

Colored Backgrounds with Type

Chameleon Principle Color System

Misuse

Colors

Our primary colors are simple and clean, with a clear accent color to stand out on any surface where we need immediate attention. We also have access to a colored rainbow, used solely when we provide city- or nation specific content. The colors provide no frills, they have good contrast for web content accessibility guidelines and they let the content breath in a calm, but precise enviroment.

Download Swatches

Primary Colors

Our primary colors are black, white and gush green. Simple and clean, with a clear accent color to stand out on any surface where we need immediate attention.

International Black

HEX #000000
RGB 0, 0, 0
CMYK 60, 50, 50, 100
PMS Black

International Green

HEX #c8fa00
RGB 200, 250, 0
CMYK 20, 0, 100, 2
PMS 381

International White

HEX #FFFFFF
RGB 255, 255, 255
CMYK 0, 0, 0, 0
PMS None

Rainbow

We also have access to a bright rainbow including red, orange, yellow, green, blue, indigo and violet.

Red

HEX #ff0000
RGB 255, 0, 0
CMYK 0, 100, 100, 0
PMS Bright Red

Orange

HEX #ff7d00
RGB 255, 125, 0
CMYK 0, 51, 100, 0
PMS Orange 021

Yellow

HEX #ffc800
RGB 255, 200, 0
CMYK 0, 22, 100, 0
PMS Yellow 012

Green

HEX #007d00
RGB 0, 125, 0
CMYK 100, 0, 100, 51
PMS 349

Blue

HEX #0000ff
RGB 0, 0, 255
CMYK 100, 100, 0, 0
PMS Reflex Blue

Indigo

HEX #000096
RGB 0, 0, 150
CMYK 100, 100, 0, 41
PMS 2747

Violet

HEX #640096
RGB 100, 0, 150
CMYK 33, 100, 0, 41
PMS 267

Monochromatic Rainbow

For more subtracted desgins, we have a collection of greys, ranging from light to dark.

Light Grey 1

HEX #f0f0f0
RGB 240, 240, 240
CMYK 0, 0, 0, 6
PMS Cool Gray 1

Light Grey 2

HEX #d2d2d2
RGB 210, 210, 210
CMYK 0, 0, 0, 18
PMS Cool Gray 2

Light Grey 3

HEX #b4b4b4
RGB 180, 180, 180
CMYK 0, 0, 0, 29
PMS Cool Gray 3

Neutral Grey

HEX #969696
RGB 150, 150, 150
CMYK 0, 0, 0, 41
PMS Cool Gray 4

Dark Grey 1

HEX #787878
RGB 120, 120, 120
CMYK 0, 0, 0, 53
PMS Cool Gray 8

Dark Grey 2

HEX #5a5a5a
RGB 90, 90, 90
CMYK 0, 0, 0, 65
PMS Cool Gray 9

Dark Grey 3

HEX #3c3c3c
RGB 60, 60, 60
CMYK 0, 0, 0, 76
PMS Cool Gray 10

Colored Backgrounds with Logo

Below are the different color combinations allowed to use when combining our logo with our brand colors. Follow these guidelines to ensure consistency across all mediums.

Colored Backgrounds with Type

Below are the primary color combination to use when combining our typography with our brand color.

Chameleon Principle Color System

If the logo appears in split combination with photography, try to choose a color from our palette that is the closest match to the most prominant color in the photograph.

Misuse

Our colors should always be treated with respect and appear consistent throughout all formats. The colors should never be reimagined, tampered with, or modified in any way. Below are some absolute no-no's.

Blue on purple

Purple on blue

Green on red

Red on green

Do not place a colored logo

on a colored image

Typography

Typography

Straight-forward with a clear, strong and polished voice. It never takes anything away from the topics we talk about. Our typeface is called Inter — a variable font family carefully crafted & designed for computer screens. It features a tall x-height to aid in readability of mixed-case and lower-case text.

Brand Typeface

Our brand typeface is called Inter. Inter is a variable font family carefully crafted & designed for computer screens. It features a tall x-height to aid in readability of mixed-case and lower-case text. Several OpenType features are provided as well, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate "0" from "o", tabular numbers, and much, much more.

Download font

Sample Glyphs

Below are an overview of some Inter glyphs.

ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽabcčćdđefghijklmnopqrsštuvwxyzžАБВГҐДЂЕЁЄЖЗЅИІЇЙЈКЛЉМНЊОПРСТЋУЎФХЦЧЏШЩЪЫЬЭЮЯабвгґдђеёєжзѕиіїйјклљмнњопрстћуўфхцчџшщъыьэюяΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρστυφχψωάΆέΈέΉίϊΐΊόΌύΰϋΎΫὰάὲέὴήὶίὸόὺύὼώΏĂÂÊÔƠƯăâêôơư1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

Weights & Sizing

Inter comes in three selected main cuts: Inter Regular (400), Inter Medium (500) and Inter Semi-bold (600). All have associated italics. Throughout the visual identity, Inter Medium (500) is utilised the most. Inter Regular (400) is used for smaller type sizes to maximise legibility.

When establishing the typographic system, strive to keep the styles divided by 8. 16, 24, 48, 72, etc. It's important that all designs have an inner logic that provides a clear system to the design.

H1 — XXpx

Abc

H2 — XXpx

Abc

H3 — XXpx

Abc

H4 — XXpx

Abc

Body — XXpx

Abc

Alignment

Large typography should always be left-aligned or centered. It should never right-aligned or justified.

Smaller typography should always

be left-aligned. Never centered,

right-aligned or justified

Margins

Our margins are decided from the logo clearspace principle. This varies based on the size of the logo. When margins have been set, make sure typography follow them.

Case

When setting type, sentence case should always be used unless working with a tagline or pay-off.

Never use all caps

Tracking

Tracking is the spacing given to all letters in a word. Tracking should be quite tight. Too loose or too tight tracking should always be avoided. Below are some guidelines to follow.

Correct tracking

Too tight tracking

Too loose tracking

Kerning

Kerning is the spacing between each individual letter in a word. Once tracking is set correctly, go into each word and manually adjust the kerning to make sure it sits perfectly. When working in design software, kerning should always should be set to Metric. Below are some guidelines to follow.

After/Before (hover)

Not OK kerning

OK kerning

Leading

Leading is the space between lines of words. Leading should be optically bigger than the spacing between words, which again should be greater than the tracking. This will result in perfect legibility. Follow this principle for both print and digital type setting.

Correct leading

Too loose leading

Too tight leading

Licensing

These fonts are licensed under the Open Font License. This means, that you can use Inter freely in your products & projects — print or digital, commercial or otherwise. This isn't legal advice, please consider consulting a lawyer and see the full license for all details. The Inter project is led by Rasmus Andersson, a Swedish maker–of–software living in San Francisco.

Read full OFL (Open Font License)

Misuse

Below are some examples that should always be avoided when setting typography. There will most definitely be occasions where type issues arises, that isn’t shown in the examples below. In these cases, refer to the guidelines and be as logical as possible. Try to find solutions that feels consistent and correct with the overall brand aesthetic.

Tone of Voice

Principles

Signature Messaging

Misuse

Tone of Voice

For people to actually listen, we are driven by substance in our brand communication. We aim to communicate only interesting topics for our target audiences. When we talk, we speak clearly. We write in short sentences, with a clean and thoughtful language.

Principles

When we write we try to be:

Refined

Factual

Smart

Clever

Clean

We are never:

Sarcastic

Funny

Political

Wrong

Sloppy

Signature Messaging

Global Worldwide Universal

Intercontinental Cosmopolitan.

Misuse

Never try to be sarcastic, funny, politically charged, wrong or sloppy. Always use correct grammar and spelling. Be careful with punctiation and with excessive use of exclamation og question marks.