Logo
Our brand consists of a simple, geometric but modern wordmark with diagonal points that represent growth propelled.
Primary Logo
Symbol
Wordmark
Usage Guidelines
In order to ensure the prominence and legibility of the identity, a clear space around the identity is required at all times. The 'H' height of the identity 'Chargebee' equals 'h', and the clear space around all four sides of the identity is determined by '1x'.
The specified area surrounding the identity shown on the right indicates the clear space and is not meant to be printed on. This invisible box should remain free from any other elements, such as imagery, typography and graphic elements.
Dont’s
Don’t stretch the logo upward or sideward
Don’t interchange the symbol and typeface
Don’t tilt the logo in different angles
Don’t space out the alphabets
Don’t add shadow to the logo
Don’t split the symbol and typeface
Don’t use gradient backgrounds
Don’t place the logo on real photographs
Color
Chargebee's color palette serves as the foundation that ties it all together and sets the tone of our communications, suggesting maturing, modernity and confident growth.
Our primary colors should dominate in percentage when applying them, mainly for colored backgrounds. Our secondary and brightest colors help us to differentiate ourselves and highlight our personality and reinforce our brand as fresh and forward thinking. These colors are important to use in elements that we want to highlight, such as our wordmark, icon and lines of the system.
Primary Colors
Mature Blue
HEX #012A38
RGB 1, 42, 56
CMYK 96, 71, 54, 58
Confident Orange
HEX #FF3300
RGB 255, 51, 0
CMYK 0,92,100, 0
Brilliant Yellow
HEX #BFF90B
RGB 191, 249, 11
CMYK 30, 0, 100, 0
Light Orange
HEX #FF523B
RGB 255, 82, 59
CMYK 0, 83, 80, 0
Secondary Colors
Clarity Ivory
HEX #E0DBC6
RGB 224, 219, 198
CMYK 12, 10, 22, 0
Clarity White
HEX #EFEFEF
RGB 239, 239, 239
CMYK 5, 3, 3, 0
Clarity Blue
HEX #A2C1C4
RGB 162, 193, 196
CMYK 37, 13, 20, 0
Neutral Colors
Light Silver
HEX #D3D9DC
RGB 211, 217, 220
CMYK 4, 1, 0, 14
Cadet Grey
HEX #92A1A8
RGB 146, 161, 168
CMYK 13, 4, 0, 34
Storm Cloud
HEX #4F6169
RGB 162, 193, 196
CMYK 17, 2, 0, 23
Background Colors
Use background and foreground colors only in these combinations and not in any other way.
Dont’s
Don’t use yellow logo on blue background.
Don’t use dark blue logo on bright orange
Don’t use light logos on light backgrounds
Don’t use bright logos on bright backgrounds