Guides and downloads to help you get started with the Spotler brand, from logos and color to type.
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 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:
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.
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
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
PMS Coated 281
PMS Uncoated 281
CMYK:
C100 M55 Y0 K70
RGB:
R0 G42 B77
Web:
#002a4d
Background (text):
#ccdde3
Shadow:
#001d34
PMS Coated 2192
PMS Uncoated Process Blue
CMYK:
C80 M0 Y0 K0
RGB:
R35 G175 B230
Web:
#23afe6
Background (text):
#e6f6fc
Shadow:
#1d93c1
PMS Coated 107
PMS Uncoated 107
CMYK:
C0 M0 Y90 K0
RGB:
R240 G227 B6
Web:
#f0e306
Background (text):
#fdfbdb
Shadow:
#cabf05
PMS Coated 186
PMS Uncoated 186
CMYK:
C0 M100 Y80 K0
RGB:
R210 G47 B56
Web:
#d22f38
Background (text):
#f9e1e3
Shadow:
#b0272f
RGB:
R92 G217 B117
Web:
#5cd975
Background (text):
#ebfaee
Shadow:
#429B54
RGB:
R251 G124 B28
Web:
#fb7c1c
Background (text):
#ffefe3
Shadow:
#bc5d15
RGB:
R148 G47 B234
Web:
#942fea
Background (text):
#f2e5fc
Shadow:
#6f23b0
RGB:
R65 G186 B195
Web:
#41bac3
Background (text):
#e7f6f8
Shadow:
#2e858b