Our core logo is made up of our Griffin symbol and logotype.
The symbol is legible at most sizes, and a small, simplified version is provided for micro applications.
The feather shapes used to make up the symbol can be extracted and used as graphic elements.
Select the negative version of the logo if it is intended to be reversed out of dark backgrounds.
The portrait logo is for large-scale use. Avoid using at small sizes, as it can become illegible.
Always use the logo files provided. Do not re-create.
Select the negative version of the logo if it is intended to be reversed out of dark backgrounds.
The one-colour logo should be used only on photographs and colour backgrounds within the Griffin palette.
The one-colour logo only comes in black, white and slate colourways. If using a slate background, we strongly prefer to use the full-colour logo.
However, if design limitations conflict with this, then the logo should appear in white on slate.
Our primary palette consists of slate, peach, black, white and orange. Use slate and peach for backgrounds and text when possible.
Orange should be used as an accent colour. Our full colour logo should never appear on orange as it does not stand out. Make sure the single colour logo is used in these instances.
PMS 532C
CMYK 95-80-50-60
RGB 27-36-54
HEX 1b2436
PMS 10% 171C
CMYK 10% tint of orange
RGB 255-339-238
HEX ffefee
CMYK 0-0-0-0
RGB 220-220-220
HEX ffffff
PMS Black
CMYK 0-0-0-100
RGB 0-0-0
HEX 000000
PMS 171C
CMYK 0-75-73-0
RGB 253-92-60
HEX fd5c3c
A set of secondary colours have been chosen as a supporting palette. The secondary colour palette can be used as accents for infographics and code examples.
These colours should be used sparingly and should not be used as a lead colour. You can use tints of these colours when necessary.
PMS 268C
CMYK 87-100-10-5
RGB 78-35-118
HEX 4e2376
PMS 2385C
CMYK 5-87-0-0
RGB 234-66-198
HEX ea42c6
PMS 338C
CMYK 65-0-47-0
RGB 90-190-160
HEX 5abda0
PMS 2718C
CMYK 65-24-0-0
RGB 118-158-255
HEX 769eff
PMS 1225C
CMYK 0-27-80-0
RGB 255-194-62
HEX ffc23e
Headings are set in Cambon.
When typesetting, please observe the following rules:
Aa Bb Cc Dd Ee Ff Gg Hh Ii
Jj Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu Vv Ww Xx Yy Zz
Cambon
Text and paragraph text in Circular.
When typesetting, please observe the following rules:
Aa Bb Cc Dd Ee Ff Gg Hh Ii
Jj Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu Vv Ww Xx Yy Zz
Circular
Code examples and developer-related content is set in Circular Mono.
When typesetting, please observe the following rules:
Aa Bb Cc Dd Ee Ff Gg Hh Ii
Jj Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu Vv Ww Xx Yy Zz
Circular Mono