Klipfolio Guidelines
Colours Palette
Logo & Badge Colours
HEX: #000000
CMYK: C0 M0 Y0 K100
PMS Coated: Black 6C
HEX: #ed1c24
CMYK: C0 M94 Y100 K0
PMS Coated: 1795
HEX: #ffffff
CMYK: C0 M0 Y0 K0
PMS: None
Brand Primary Colours
Brand Secondary Colours
App Colours
Black and White Colours
Icons Colours
Red Icon
Used on the website and presentations
Colours
Primary icon colour: #e14d57
Background colour: #fcf3f3
Blue Icon
Used on the website and presentations
Colours
Primary icon colour: #5290e9
Background colour: #f4f6f8
Purple Icon
Used on emails and presentations
Colours
Primary icon colour: #5f65ae
Background colour: #f1f0f8
Other icon colours could be used if the need arise, like the need to show more than 2 different categories, in that case use the rest of the primary/secondary colours for those icons.
Klipfolio Logo
Klipfolio Logo Size
- Digital: mimimum 30px height
- Print: mimimum 0.125in height
Klipfolio Logo Exclusion Zone
- use the triangle to determine the exclusion zone
Klipfolio Logo Misuse
Don't do the following
old ™ logo
change colour
distort or wrap
change typeface
adding effects
logo without red triangle
apply a gradient
apply an outline
rotate
compress size horizontally or vertically
avoid having the logo on a red background
avoid having the logo on a image background
Klipfolio Logo Application
Logo (Black & Red)
- use on a white background
- never on a coloured background
- never on a image
- logo to be used for external use must include ®
- use for print
- use for web
Logo (White)
- use on dark backgrounds
- as a watermark for images
- logo must be a mimimum height
Logo (Black)
- only use if printing in black and white
Klipfolio Badges
Klipfolio Badge Size and Exclusion Zone
In a box
- 80px box 10px rounded corners
- badge (at 80px) 8px interior border
- use the triangle to determine exclusion zone
Klipfolio Badge Misuse
Don't do the following
change colour
distort or wrap
change typeface
adding effects
badge without red triangle
badge in a different shape
apply a gradient
apply an outline
rotate
compress size horizontally or vertically
Klipfolio Badge Application
Klipfolio Logo Application
Badge
- primary use
- use for print
- use for web
- ___________
Badge (white & red)
- secondary use
- only for print
- only if printing in black and white
Badge (black & white)
- secondary use
- only for print
- only if printing in black and white
Icons
Typography
Web Font
App Font
