Table of contents
Logo
The LiveChat logo is composed of a chat bubble symbol and a logotype set in Colfax Medium. The horizontal logo is the primary logo and should be used in most instances. The stacked logo is for large-scale use.
The LiveChat logo should be used whenever possible to maintain brand recognition and consistency. Please refer to clear space, sizing, and usage on backgrounds guidelines for best practices.
Clear space
The LiveChat logotype and symbol should always be surrounded by a minimum area of clearspace. This space ensures that headlines, text, and other elements do not encroach on our branding.
In most cases, it’s better to give the logo even more space, but just make sure it has a clear space of at least a letter "e".
Sizing
The minimum sizes vary for print and digital. Please refer to the corresponding guidelines and be mindful when using the logotype for different applications.
Usage on background
The full-color logos should be used only on white, black, or gray colored backgrounds. Avoid using full-color logos on photographs unless the logo sits on a black or white area of the image
Please, don't do this to our logo
The LiveChat logo should always be reproduced from approved artwork and adhere to proper usage guidelines. The examples here represent unacceptable uses of our logo. Please do not compromise or manipulate the LiveChat logo.
Colors
The LiveChat primary color palette is composed of three core colors: yellow, black and white. These colors should be used regularly in marketing material to reinforce the LiveChat brand. Orange color should be used only in the logo.
Brand identity colors
Logo colors
Typography
Colfax
Our primary typeface, Colfax, is used for headlines, subheadlines, CTAs, and body text. It works equally well in print and digital applications. Please use Colfax in all communication material whenever possible.
Product screens
There are three levels of complexity when showcasing the LiveChat product. Use screens without details by default and whenever possible; detailed and simplified screens - accordingly for your purpose.
Screens without details
Detailed screens
Simplified screens screens