InPlayer | Logo and Brand

Logo

The InPlayer logo consists of a hexagon icon (Hexicon) and a wordmark. They can be used together or independently.

Do not distort the logo by stretching it, changing color or adding your own special emoji to it. If you don't know what you are doing - please ask someone to help you instead of making us look like your high school science project.

The darkest dashed line marks the freespace that should be respected for the logo.

Download all logos

Logos are available as png (web), svg (vector web) and eps (vector print) with and without freespace around them.

Download all PNG SVG EPS

The full logo

This should be used for all official documents and what is used on partner sites etc.

The Wordmark

The InPlayer wordmark is used where the icon is used elsewhere in the same document or page and in cases where the icon isn't legible (wordmark in white on dark backgrounds or images).

The Hexicon

The InPlayer hexagon consists of a box that opens up in a corner and folds our the pieces that reveal a play button.

If the Hexicon is used by itself it has to be accompanied by the InPlayer name in either text or as part of branded material.

please note: there has been a color change in the logo since this animation was made

Download other icon formats

You can download a bunch of icons in different formats (mainly for web and app use) in a zip here: Download more hexicons

These are some examples of icons availble

app startup screen

app icon

favicon

1-color

ipic_inplayer Simplified version available in the ipic font.

Brand Color Palette

InPlayer has gone through a number of different blue shades over the years. Blue is considered a great color for trust and wealth which is why it is commonly used in banking. The current shade of blue is clear and strong - just like InPlayer!

Primary Accent Colors

The primary colors are used both for the logo and as the main accent colors in the product and illustrations. Accent blue is the color used for links, buttons and default brand color in the paywall. Performance is used for slogan text and graphics. The Pink color should only be used aside from the two blue to liven up a page.

$accent-blue

RGB: rgb(0,170,230)

HEX: #00aae6

CMYK: 72,15,0,0

PANTONE: 2995C

$performance

RGB: rgb(42,77,142)

HEX: #2a4d8e

CMYK: 94,79,14,2

PANTONE: 2945C

$accent-pink

RGB: rgb(252,200,190)

HEX: #f9c7c0

CMYK: 0,26,17,0

PANTONE: 196C

GUI / elements palette

This palette is used for icons, backgrounds, lines and fonts. Coder blue is only used for code snippet backgrounds. The two dark colors are used as shadow colors for the primary palette.

$background

RGB: rgb(240,243,246)

$lines

RGB: rgb(215,221,229)

$icons

RGB: rgb(185,193,203)

$warning

RGB: rgb(242,111,89)

$success

RGB: rgb(93,198,163)

$coder-blue

RGB: rgb(39,43,56)

$accent-dark

RGB: rgb(10,140,210)

$performance-dark

RGB: rgb(37,58,102)

Font colors

These colors are only used for fonts. Perfornance is only used for slogans written in Kalam.

$fontprime

RGB: rgb(68,73,78)

$fontsec

RGB: rgb(160,163,170)

$disabled

RGB: rgb(200,204,212)

$performance

RGB: rgb(42,77,142)

Supporting palette

These colors are used in illustrations and graphics.

$linestone

RGB: rgb(154,168,193)

$stone

RGB: rgb(212,220,232)

$mint

RGB: rgb(200,232,222)

$lemon

RGB: rgb(252,243,192)

$pig

RGB: rgb(249,236,232)

$gras

RGB: rgb(218,229,190)

$wood

RGB: rgb(221,205,184)

$sand

RGB: rgb(242,228,194)

$compaq

RGB: rgb(219,219,219)

$lila

RGB: rgb(227,209,237)

Fonts & text

InPlayer is using a combination of a few fonts to create clear strong messages that make our marketing and products feel modern and reak of stability.

Before you start editing keynotes and other marketing material - make sure you have the fonts installed on your computor.

Download fonts

Fonts used in our marketing

For marketing material (website, decks, business cards etc.) we use a combination of 3 fonts; Roboto, Oxygen and Kalam.

Headlines are strong and confident

For all headlines in marketing we are using Oxygen bold (700) in the dark grey font color.

All paragraphs are written in Roboto Light (300). This font is one of the most used Google Fonts which means people around the world feel comfortable by acquaintance.

To support the normal paragraph and to point out something special like slogans, we have a handwritten font that softens layouts and makes things a little more fun. For this we are using Kalam.

Kalam (400) is used for fun slogans.

Fonts used in our products

For the InPlayer products it's important that things are clear, yet feel fresh, modern and stable. That is why Roboto is used as the main font for everything.

The Dashboard uses Roboto and Proxima Nova

The InPlayer Merchant panel is using Roboto as the main font, except for in page headlines where Proxima Nova is used. This font is not availavle for download unless you have an Adobe account (Typekit). We have a license (using Emma Agering's Adobe account) to use it on localhost and on *.inplayer.com. CSS Key: bts1ulm

Some smaller headlines in editors use Roboto too

The Paywall is all Roboto

The InPlayer Paywall is used on most of our clients' sites which means the font used needs to be pretty generic and support all languages. This is why Roboto is used for both headlines and body text.

Text formatting

Readability is very important, especially now that people's attentionspan is less than a 10 seconds. Make sure you don't layout your text in a way that makes it hard to read. Respect a fluffy line-hight and don't allow more than ca 15 words per line. Anything from 45 to 75 characters is widely regarded as a satisfactory length of line for a single-column page set in a serifed text face in a text size.