The ChatSpark brand
Official logos, colors, and guidelines for representing ChatSpark accurately across any medium.
Logo downloads
Use the dark logo on light backgrounds and the white logo on dark or colored backgrounds. Always download from this page — do not recreate or alter the logo.
Dark Logo
For light backgrounds
White Logo
For dark backgrounds
Dark Mark
App icons, favicons, avatars
White Mark
For dark backgrounds
Color palette
Click any swatch to copy the hex value to your clipboard.
Brand Mark
Spark Yellow
#FFFF00
0, 0, 100, 0
Mark Dark
#1A1A1A
0, 0, 0, 90
Text Dark
#1A202C
41, 27, 0, 83
White
#FFFFFF
0, 0, 0, 0
Primary Blue
Blue — Primary
#3182CE
76, 37, 0, 19
Blue — Dark
#2768A5
76, 37, 0, 35
AI Agent Blue
#0083D3
100, 38, 0, 17
Type system
Inter is the only typeface used across the ChatSpark brand.
Primary typeface
Inter
Weights loaded
100
Thin — The quick brown fox
400
Regular — The quick brown fox
500
Medium — The quick brown fox
600
SemiBold — The quick brown fox
700
Bold — The quick brown fox
800
ExtraBold — The quick brown fox
900
Black — The quick brown fox
Get the font
Download Inter on Google Fonts →Hero / H1
48px / 600
Conversational AI
Section Heading / H2
36px / 600
Built for results
Card Heading / H3
24px / 600
AI Actions
Body Large
18px / 400
ChatSpark powers intelligent customer conversations across every channel.
Body Default
16px / 400
Deploy AI Agents on your website, Instagram, WhatsApp, and more.
Label / Button
16px / 600
Get Started Free
Caption / Meta
12px / 500
San Diego, CA — March 2026
Usage guidelines
Follow these guidelines to ensure the ChatSpark brand is always represented accurately and consistently.
Do
Use the dark logo on white or light gray backgrounds
Use the white logo on dark or colored backgrounds
Maintain clear space equal to the height of the 'C' in ChatSpark on all sides
Use the approved hex color values for all brand mark elements
Scale the logo proportionally at all times
Use Inter for all ChatSpark-related typography
Don't
Do not recolor the wordmark or icon mark
Do not use the yellow spark on white, insufficient contrast
Do not stretch, skew, or rotate the logo
Do not apply drop shadows, outlines, or effects to the logo
Do not place the logo on busy or photographic backgrounds without a clear overlay
Do not recreate or alter the logo in any way