Branding

Color Palette

The color palette of is meant to give a reference to identify the primary and the variants of colors to use in marketing campaigns in order to maximize the impact of the brand.

It includes specific spot colour references for RGB & Hexadecimal for presentation software, web applications and emitted lighting. Also included are PMS & CMYK equivalents for printing applications.

The PRIMARY ones are the core colors of FACEIT: their use defines and reinforces our distinctive character, and should be used on all communica-tion materials.

The SECONDARY ones are designed to support and complement the primary, by enabling flexibility and variety in design.

Note for printings
Numbers may differ to the way inks appear on different stock papers and or other surfaces (e.g. walls), as there will never be perfect matching between RGB & print.

Primary

WEB
#FF5500
RGB 255/85/0

PRINT
CMYK 0/75/100/0

PANTONE
ORANGE 021 C

WEB
#EBEFF3
RGB 235/239/243

PRINT
CMYK 9/4/4/0

PANTONE
COOL GRAY 1C

WEB
#141616
RGB 20/22/22

PRINT
CMYK 80/68/60/80

PANTONE
426 C

Secondary

WEB
#E14A00
RGB 225/75/0

PRINT
CMYK 0/85/100/0

WEB
#F5F8FA
RGB 245/248/250

PRINT
CMYK 4/1/1/0

WEB
#0A0C0C
RGB 10/12/12

PRINT
CMYK 84/72/61/92

WEB
#FF6900
RGB 255/105/0

PRINT
CMYK 0/70/95/0

WEB
#E1E5E9
RGB 225/229/233

PRINT
CMYK 15/8/8/0

WEB
#232828
RGB 35/40/40

PRINTCMYK 76/51/59/73

WEB
#FF7D00
RGB 255/125/0

PRINT
CMYK 0/60/95/0

WEB
#D7DBDF
RGB 215/219/223

PRINT
CMYK 18/12/12/0

WEB
#323838
RGB 50/56/56

PRINT
CMYK 72/57/56/62

Corporate Logo

Definition

The FACEIT logo is the main element in FACEIT’s corporate Identity and is used to represent the company in all communications.

It is composed by 2 part:the main typography (1) and the slogan (2).

The only exception to be made is when it has to be resized ad a width that is less than 30mm or 140px, as the slogan becomes unreadable: in such a case use only the main typography only logo (THIS APPLIES TO BOTH GRADIENT AND FLAT LOGO VERSIONS).

The minimum size at which the main typography only logo, no matter the color version, can be used is 20mm / 50px.

Also, everytime you use it there should always be clear space around it, in the size of the typography heading as described on the right.

Last, when resizing always keep the same proportion. Do not stretch it to increase width or height: both should always be 100%.

Each part of the logo may not be used independently in a document or any graphic mockup.

Bright Gradient Version

Just use the provided file without modifying any of the colors used.

The “BRIGHT” version of the FACEIT logo is the one that should be always used in all communications (digital and printings) involving the FACEIT brand.

It features 2 gradients done with the mix of 4 colors each.

Bright Gradient Usage

The “BRIGHT” version of the FACEIT logo should always be used in combo with a very dark background.

In general, the FACEIT brand should always be perceived clearly, and the slogan has alwyays to be readable.

With the “BRIGHT” version just avoid white or very bright backgrounds; also it is not recom-mended to use it on any noisy background, not even by adding an outline to make it more catchy.

If you only have a bright background then you might want to use the “DARK” version of the logo, that is depicted in the following pages.

There should always be a nice contrast between the logo and the background.

Dark Gradient Version

Just use the provided file without modifying any of the colors used.

The “DARK” version of the FACEIT logo is the one that should be used in all communications (digital and printings) involving the FACEIT brand that cannot have a dark background.

It appears as a “negative” version of the bright one, and features 2 gradients done with the mix of 4 colors each.

Dark Gradient Usage

The “DARK” version of the FACEIT logo should always be used in combo with a very bright background.

In general, the FACEIT brand should always be perceived clearly, and the slogan has alwyays to be readable.

With the “DARK” version just avoid black or very dark backgrounds; also it is not recommended to use it on any noisy background, not even by adding an outline to make it more catchy.

There should always be a nice contrast between the logo and the background.

Typography

FACEIT uses a typeface from Google web fonts for all its corporate and communications assets named “Play” in both weight, regular and bold.

The bold version is used mainly for headlines or slogans that need to capture the attention of those who are exposed to it, always in capital letters.

The regular one is used for all paragraph parts instead. Make sure you modify heading and also the kerning when lowering the size: the text should always be readable and a general sense of elegance should be perceived.

Reference for the fonts:
https://fonts.google.com/
Play Regular 400
Play Bold 700

Play Regular

  • Aa
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz
    1234567890 !$%&/()?

Play Bold

  • Aa
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
    abcdefghijklmnopqrstuvwxyz
    1234567890 !$%&/()?