Branding Guide
Logos
Icon version is used wherever long version would not be recognizable because of size or where icon version is visually more appealing.
Example: Social Media Profile Icons
Example: Social Media Profile Icons
Here are some of examples of wrong logo treatments. Please always make sure you’re following rules from this guide.
Not enough contrast between background and logo
The logo proportions should be kept intact
The logo should not be rotated
The logo should have enough space around it
Typography
AaBb
Montserrat
Extra Bold
AaBb
Lato
Normal
This is a header
This is a body text. Make sure you use Montserrat for headers and Lato for all other text.
Headers will include all uppercase letters for strong branding. While body text will show regualr character format.
Colors
Primary Colors
Blue
HEX: #0E4B96
RGB:
(14, 75, 150)
C 53% M 29%
Y 0% K 41%
Stone
HEX: #F7F7F5
RGB:
(247, 247, 245)
C 0% M 0%
Y 0% K 0%
White
HEX: #FFFFFF
RGB:
(255, 255, 255)
C 0% M 0%
Y 0% K 0%
Secondary Colors
Navy Blue
HEX: #0B2A51
RGB:
(11, 42, 81)
C 27% M 15%
Y 0% K 58%
Marigold
HEX: #FFB900
RGB:
(225, 185, 0)
C 0% M 2%
Y 100% K 0%
Bright Blue
HEX: #075BC3
RGB:
(7, 91, 195)
C 74% M 41%
Y 0% K 24%
Slate Grey
HEX: #393B3E
RGB:
(57, 59, 62)
C 5% M 1%
Y 0% K 76%
Cloud Blue
HEX: #EDF2FA
RGB:
(237, 242, 250)
C 5% M 3%
Y 0% K 2%
Illustrations
Hand-drawn illustrations that depict the occupation of the model, overlayed on top of the Marigold brand color. Use pleasant, smiling models who are looking at the camera.
Photography
Bright, Clean, Minimal Photography. Models should be facing the camera and smiling. User Blue and Marigold brand colors when possible.
Icons
Versatile and easily adaptable, these flat icons fit seamlessly into different design contexts, making them a staple in contemporary digital interfaces.
Downloads
All your digital download needs can be found right here.
