KaolaChat mark

考拉 AI 客服
品牌视觉识别规范

KaolaChat Visual Identity · v1.0（2026-10）——logo、色彩、字体、图标与应用规范。所有对外物料请遵循本页，保持「可信赖的专业伙伴」这一统一印象。

深邃靛蓝 #1E2A6B亮电光蓝 #3B6EF5品牌渐变 135°考拉 · 对话气泡 · 信号线
02 · COLOR

色彩系统

点击色值即可复制。深邃靛蓝是品牌的「沉稳底色」，电光蓝是「行动与信号」，两者构成 135° 品牌渐变；页面底色一律使用浅灰白 #F2F4F8。

#1E2A6B
深邃靛蓝 Deep IndigoHEX #1E2A6B · RGB 30 42 107
主色 · 标题 / 侧栏 / 渐变深端
#3B6EF5
亮电光蓝 Electric BlueHEX #3B6EF5 · RGB 59 110 245
强调 · 按钮 / 链接 / 信号线
#0F172A
深墨蓝 Ink NavyHEX #0F172A · RGB 15 23 42
正文文字 / 深色插画底
#F2F4F8
浅灰白 Mist GrayHEX #F2F4F8 · RGB 242 244 248
页面底色 / 浅色分区
品牌渐变 Brand Gradient
仅用于封面 / Hero / 高潮区块，全篇克制使用
linear-gradient(135deg, #1E2A6B 0%, #3B6EF5 100%)
白 / 浅灰白 60%
主色 25%
辅 10%
墨 5%
03 · TYPOGRAPHY

字体系统

西文与数字优先 Inter；中文走系统栈（PingFang SC / Noto Sans SC / Microsoft YaHei），不引入额外中文网络字体以保证加载与授权安全。

H1 · HERO 42/58 · BOLD
让出海客服自己转起来
H2 · TITLE 27 · BOLD
五大业务闭环，环环相扣
BODY 15.5/1.7
AI 先答、该转人工时转人工；知识库、工单 SLA、值班、差评回顾、多企业管理一应俱全。
CAPTION · INTER 12/600
KAOLACHAT · EMBEDDED AI CUSTOMER SERVICE SAAS
NUMERIC · INTER
1,284 本月知识命中 · 数字一律 Inter
04 · ICONOGRAPHY

应用图标家族

App 图标 = 深邃靛蓝圆角底 + 反白考拉（占位 72%）；favicon 与 PWA 图标由同一 mark 直出，保证全平台一致。

App iconApp 图标1024×1024 · 圆角 22%
PWAPWA / Android192×192
apple touchApple Touch180×180
faviconFavicon32×32
05 · IN PRODUCT

产品内应用

登录门户与工作台是品牌曝光最多的两个界面：深靛蓝渐变 Hero、白色圆角 Logo 卡、电光蓝主按钮——线上 Demo 即规范本身。

登录门户
登录门户 · 品牌渐变 Hero + 白底 Logo 卡 + KaolaChat 副标
工作台
客服工作台 · 靛蓝侧栏 + 官方 mark 白底卡 + 数据可视体系
06 · VOICE & TONE

品牌语气

像一位冷静可靠的资深客服主管：先给结论，再给依据；不承诺做不到的事，不用夸张形容词。

✓这样说

  • 「AI 先答、该转人工时转人工」——把机制说清楚，不夸自动化率
  • 「演示里看到的每项能力，都有工程实现支撑」——可验证优先
  • 数据给判断：命中 1,284 次 → 说明知识库在被真实使用
  • 句式短、动词多、克制使用感叹号

✕不这样说

  • 「颠覆行业」「降本 90%」「全球第一」——禁止无依据的夸张
  • 「完美的解决方案」——不承诺完美，讲清楚边界与兜底
  • 堆砌形容词的长句——先说结论，再给证据
  • 只有数字没有解读——任何关键数据都要带一句「所以呢」
07 · DOWNLOAD

资源下载

原始官方矢量与位图素材。对外投放前请对照第 01 节的禁用示例自检。

品牌图形（原图）logo-mark.png
横版组合logo-full.png
App 图标icon-app.png
官方原版 WEBP原始素材
已复制