Logo
Our logo combines a gradient circle with the APPS wordmark. The circle features a knockout effect where the "A" punches through to reveal the background.
Full Logo - Light Background
Primary logo for light backgrounds
Full Logo - Dark Background
Logo variant for dark backgrounds
APPS Mark - Light Background
Shortened logo with circle and APPS
APPS Mark - Dark Background
Shortened logo for dark backgrounds
Icon Only
Gradient circle for favicons and small spaces
Color Palette
Our brand uses a vibrant gradient palette transitioning from teal through blue to purple.
Brand Gradient
Teal
#2ECECE
rgb(46, 206, 206)
Teal Mid
#3DBDBD
rgb(61, 189, 189)
Blue
#2E7AB8
rgb(46, 122, 184)
Purple
#7B6CB8
rgb(123, 108, 184)
linear-gradient(135deg, #2ECECE 0%, #3DBDBD 35%, #2E7AB8 65%, #7B6CB8 100%)
Neutral Colors
Black
#000000
rgb(0, 0, 0)
Dark Grey
#1a1a1a
rgb(26, 26, 26)
Text Grey
#6e6e80
rgb(110, 110, 128)
Light Grey
#f9fafb
rgb(249, 250, 251)
White
#ffffff
rgb(255, 255, 255)
Typography
We use system fonts for optimal performance and consistency across platforms.
Primary Font Stack
system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif
Logo Text
APPS
Bold weight, -1px letter spacing
Tagline Text
onchatgpt.com
Mixed weights: "chatgpt" bold, rest regular
Usage Guidelines
✓ Do
- • Use the dark variant on light backgrounds
- • Use the light variant on dark backgrounds
- • Maintain adequate spacing around the logo
- • Use provided SVG files for best quality
✗ Don't
- • Stretch or distort the logo
- • Change the gradient colors
- • Add effects like shadows or outlines
- • Use on busy or clashing backgrounds