The Spotler Brand
Guides and downloads to help you get started with the Spotler brand, from logos and color to type.
Identify
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:
White on Blue
Blue on Blue
Blue on Yellow
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.
Light Background
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/Open+Sans?selection.family=Open+Sans
Colors
Dominant colors
Knowledge Blue
PMS Coated 281
PMS Uncoated 281
CMYK:
C100 M55 Y0 K70
RGB:
R0 G42 B77
Web:
#002a4d
Background (text):
#ccdde3
Shadow:
#001d34
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
Spirit Yellow
PMS Coated 107
PMS Uncoated 107
CMYK:
C0 M0 Y90 K0
RGB:
R240 G227 B6
Web:
#f0e306
Background (text):
#fdfbdb
Shadow:
#cabf05
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
Success Green
RGB:
R92 G217 B117
Web:
#5cd975
Background (text):
#ebfaee
Shadow:
#429B54
Legend Orange
RGB:
R251 G124 B28
Web:
#fb7c1c
Background (text):
#ffefe3
Shadow:
#bc5d15
Uplifting Purple
RGB:
R148 G47 B234
Web:
#942fea
Background (text):
#f2e5fc
Shadow:
#6f23b0
Flow Teal (cyan-green)
RGB:
R65 G186 B195
Web:
#41bac3
Background (text):
#e7f6f8
Shadow:
#2e858b
