品牌识别
一致且专业地使用 ccpoke 品牌的指南。
01
标志
ccpoke 使用一个带有熊耳和猫眼代码括号的吉祥物机器人。标志有 4 种变体适用于不同场景。
安全间距
始终确保标志周围的最小安全间距等于吉祥物耳朵的高度。不要在此区域内放置文字或其他元素。
标志使用规范
✓ 应该
- 在白色或深色纯色背景上使用标志
- 缩放时保持比例
- 在深色背景上使用轮廓变体
- 确保最小安全间距
✗ 不应该
- 更改标志颜色
- 旋转或扭曲标志
- 将标志放在复杂的多色背景上
- 添加阴影、描边或特效
02
调色板
温暖友好的调色板，灵感来自赤陶和自然。
主要
Accent
#D97757 Primary brand color Accent Hover
#C4623F Interactive states Accent Light
#FFF0EB Backgrounds, badges Flame Top
#EDAA85 Rocket flame gradient 中性
语义
03
排版
两个互补的字体家族：Inter 用于主要内容，JetBrains Mono 用于代码。
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
字体比例
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
吉祥物解析
ccpoke 吉祥物的每一笔都在讲述一个故事 — 融合了宠物般的可爱、开发者精神以及任务完成时的爆发性能量。
熊耳 可爱的圆耳 — 表达 AI 代理的好奇心和友好。
猫眼 <> 代码括号符号 — 开发者的标志，阅读代码的眼睛。
面包形身体 圆润温暖的形状如面包 — 有趣、平易近人、充满活力。
火箭火焰 速度、能量 — 任务完成时的"poke"时刻。