The Spotler Brand

Guides and downloads to help you get started with the Spotler brand, from logos and color to type.

Identify

Image

Minimum size and exclusion zone

There are no predetermined sizes for the Spotler logo. Scale and proportion should be determined by the available space, aesthetics, function and visibility.There is no preset maximum size for the logo. In print the minimum size is 20 millimeters.

For digital uses the minimum size for the standard logo is 100 pixels.

To ensure that our logo is clearly visible in all content, surround it with sufficient ‘clear space’. Free of type, graphics and other elements.

When the logotype or full name is used, a clear space of 50% the symbol’s height should be maintained.

 

The logo & color combinations

The Spotler logo uses two colors: Dark Blue and White.
Primarily the logo should be used on a white background.
But we also like it in the following color-combinations:

Image
White on Blue
Image
Blue on Blue
Image
Blue on Yellow
Image
Blue on White

Background images

Now and then the Spotler logo can also be uses on a image backgroud. But only with sufficient contrast.
Use the ‘Knowlegdge Blue’ logo for use on light colored backgrounds, and an all-white version for dark backgrounds.

Image
Light Background
Image
Dark Background

Typography

Header typography

Spotler has chosen the primary typeface for the titles of texts for ‘Greycliff CF Heavy’. The alternative to safe use online is ‘Open Sans Bold’.

“Rugged, hearty, and warm, Greycliff CF is a versatile font family. Strong capitals and a smooth, open lowercase are effective in a variety of applications. The geometric, near-monoline construction lends Greycliff a classic durability reminiscent of the 1940s, tempered by softened edges and vibrant shapes.”Connary Fagen

Body typography

Spotler has opted for the ‘Greycliff CF Regular’’ for body texts both print. You can think of texts for letters, presentations, online advertisements and the website.

For online body typography we use ‘Open Sans Regular’.

The font ‘Open Sans’ can be found here:
https://fonts.google.com/specimen/pen+Sans?selection.family=Open+Sans

Colors

Dominant colors

Image
Knowledge Blue

PMS Coated 281
PMS Uncoated 281

CMYK:
C100 M55 Y0 K70

RGB:
R0 G42 B77

Web:
#002a4d

Background (text):
#ccdde3

Shadow:
#001d34

Image
Honesty Blue

PMS Coated 2192
PMS Uncoated Process Blue

CMYK:
C80 M0 Y0 K0

RGB:
R35 G175 B230

Web:
#23afe6

Background (text):
#e6f6fc

Shadow:
#1d93c1

Image
Spirit Yellow

PMS Coated 107
PMS Uncoated 107

CMYK:
C0 M0 Y90 K0

RGB:
R240 G227 B6

Web:
#f0e306

Background (text):
#fdfbdb

Shadow:
#cabf05

Image
Awareness Red

PMS Coated 186
PMS Uncoated 186

CMYK:
C0 M100 Y80 K0

RGB:
R210 G47 B56

Web:
#d22f38

Background (text):
#f9e1e3

Shadow:
#b0272f

Accent colors

Image
Success Green

RGB:
R92 G217 B117

Web:
#5cd975

Background (text):
#ebfaee

Shadow:
#429B54

Image
Legend Orange

RGB:
R251 G124 B28

Web:
#fb7c1c

Background (text):
#ffefe3

Shadow:
#bc5d15

Image
Uplifting Purple

RGB:
R148 G47 B234

Web:
#942fea

Background (text):
#f2e5fc

Shadow:
#6f23b0

Image
Flow Teal (cyan-green)

RGB:
R65 G186 B195

Web:
#41bac3

Background (text):
#e7f6f8

Shadow:
#2e858b

Color combinations

Go to top
Direct Contact