Brand Identity
Guidelines for using the ccpoke brand consistently and professionally.
01
Logo
ccpoke uses a mascot bot with cat ears and code bracket eyes. The logo has 4 variants for different contexts.
Clear Space
Always ensure minimum clear space around the logo equal to the mascot ear height. Do not place text or other elements in this zone.
Logo Usage
✓ Do
- Use the logo on white or dark solid backgrounds
- Maintain proportions when scaling
- Use outline variant on dark backgrounds
- Ensure minimum clear space
✗ Don't
- Change logo colors
- Rotate or distort the logo
- Place logo on complex multicolor backgrounds
- Add shadow, outline, or effects
02
Color Palette
Warm, friendly palette inspired by terracotta and nature.
Primary
Accent
#D97757 Primary brand color Accent Hover
#C4623F Interactive states Accent Light
#FFF0EB Backgrounds, badges Flame Top
#EDAA85 Rocket flame gradient Neutral
Semantic
03
Typography
Two complementary font families: Inter for main content and JetBrains Mono for code.
Aa Inter
Regular 400 Medium 500 Semibold 600 Bold 700 Extrabold 800
UI text, headings, body copy, buttons, navigation
Aa JetBrains Mono
Regular 400 Medium 500
Code blocks, terminal output, technical labels, model badges
Type Scale
H1 Your AI agent pokes you
H2 How It Works
H3 Feature Title
Body Zero-config notifications for AI coding agents.
Small MIT · TypeScript
Code npx -y ccpoke
04
Mascot Anatomy
Every line on the ccpoke mascot tells a story — a blend of pet-like charm, developer spirit, and the explosive energy of a task well done.
Bear Ears Cute, rounded ears — expressing curiosity and friendliness of the AI agent.
Cat Eyes <> Code bracket symbols — the dev's signature, code-reading eyes.
Bread-shaped Body Rounded, warm shape like bánh mì — fun, approachable, full of energy.
Rocket Flames Speed, energy — the "poke" moment when task is done.