Kivo Talk · Logo 系统

两个风格方向,
各成一套。

面向超级 App 的标识系统。已按风格收敛为两条独立路线,各自自成一套。统一基因:KIVO 蓝 #3D549E + 珊瑚色 #FF6B57 的冷暖对撞

KIV

共同的锚点 —— 你现有的金融主品牌:粗黑几何字标 + 沉稳 KIVO 蓝 + 招牌「圆角方 O」。两个方向都从这里生长,保证 Talk 与金融平台是一家人。

01

角色派 · Mascot

推荐

来自你设计师的方案:对话气泡 + 字母 K + 一只带眼睛的角色三重阅读叠合。我保留造型、把它接入 KIVO 蓝并注入珊瑚色眼神光,再补齐动效、表情与字标——一个角色,撑起一整套可运营的 IP 资产。

原方案 → 优化
原方案 · 纯黑
优化版 · KIVO 蓝 + 珊瑚眼神光
配色变体(同一角色)
主图标 · A

品牌蓝版 主用

底色换成 KIVO 蓝,眼神光珊瑚色点睛。专业又有生命力,作 App 主图标。

KIVOTalk
变体 · B

白底蓝角色 正式场景

白底蓝角色,用于政务/企业/发票等正式物料,与 KIVO 主标统一。

Kivo Talk
变体 · C

更亲和版 放大眼睛

眼睛放大 + 双高光,更萌、更"看着你",偏 C 端社交与表情包运营。

Kivo Talk
变体 · D

黑 · 珊瑚点睛 保留原案气质

想留住设计师的高级黑?最小改动:只把眼神光换成珊瑚色,埋入品牌暖色。

38px
26px
18px
开屏动效

角色入场,不是静态图

底色常驻 → 角色弹入 → 眼睛眨一下 → 右上角珊瑚色消息点冒出,加轻微 idle 呼吸。左侧为循环预览,已适配 prefers-reduced-motion

表情系统
Hi · 打招呼默认 / 问候
Happy · 开心点赞 / 好评
Love · 爱心眼喜欢 / 收藏
Success · 付款成功金融 / 交易完成
Thinking · 思考处理中 / 客服
zZ Sleep · 勿扰免打扰 / 离线
字标锁定
KIVOTalk

横版 · 导航栏 / 网页页头

KIVOTalk

竖版 · App 商店 / 启动页

01·B

黑调配色 · Dark Mascot

高级黑

和方向一同规格的黑色一整套:配色变体 + 开屏动效 + 表情系统 + 字标锁定,全部黑调。眼神光只用珊瑚 / 描金点睛。适合深色 UI、高端金融气质与深色系应用商店截图。

配色变体(同一角色)
黑调 · 01

曜石黑 珊瑚眼神光

最接近设计师原案的纯黑,只把眼神光换成珊瑚色——守住高级黑,埋入品牌暖点。主用黑调。

Kivo Talk
黑调 · 02

曜石黑 · 高光 还原原案光泽

加一道左上到右下的对角高光,还原设计师原图那种玻璃质感,更有产品感。

Kivo Talk
黑调 · 03

石墨灰 柔和黑

深灰到黑的渐变,比纯黑更柔和、不压抑,深色界面里更耐看。

Kivo Talk
黑调 · 04

午夜蓝黑 接住品牌蓝

近黑,但底里带一点 KIVO 蓝的血色。黑调里最"品牌一致"的一版,推荐。

Kivo Talk
黑调 · 05

黑 · 描金 高端金融

黑底 + 金色眼环/高光。为财富、会员、VIP 等高端金融场景准备的尊贵版。

Kivo Talk
黑调 · 06

白底黑角色 反白用法

黑角色 + 白底,用于浅色界面、印刷、单色场景,和黑调图标成对出现。

Kivo Talk
开屏动效(黑调)

黑底开屏,珊瑚点睛

与方向一同一套动效逻辑:角色弹入眨眼 → 珊瑚消息点冒出 + idle 呼吸,只是底色为曜石黑。左侧为循环预览,已适配 prefers-reduced-motion

表情系统(黑调)
Hi · 打招呼默认 / 问候
Happy · 开心点赞 / 好评
Love · 爱心眼喜欢 / 收藏
Success · 付款成功金融 / 交易完成
Thinking · 思考处理中 / 客服
zZ Sleep · 勿扰免打扰 / 离线
字标锁定(黑调)
KIVOTalk

横版 · 深色导航 / 页头

KIVOTalk

竖版 · 深色启动页

02

字标派 · O-Bubble

备选

最克制的一条路:不做角色,直接把 KIVO 招牌的圆角方 O 加一条尾巴,变成对话气泡。金融平台与聊天 App 共用同一套字标,零学习成本、极其统一。适合更偏工具/政务、不需要 IP 运营的定位。

KIVTalk

主字标:完全保留 KIVO 的字形与蓝色,只在 O 上加一条气泡尾巴。

主图标

O-Bubble 会说话的 O

招牌圆角方 O 变对话气泡,珊瑚点是"新消息"。与金融主品牌血脉相连。

Kivo Talk
变体

Typing 输入中的 O

O 里三个"正在输入"点。极简,做 favicon、加载、通知角标。

Kivo Talk
变体

K-in-O O 里藏 K

首字母 K 装进 O 气泡:品牌 + 聊天 + 与 KIVO 同源,一枚全占。

Kivo Talk
变体

白底描边版 正式场景

与现有 KIVO 完全同款用法:蓝描边、白底,用于公文/政务物料。

KIVTalk

品牌色

KIVO 蓝#3D549E
深蓝#2C3E78
珊瑚(点睛)#FF6B57
成功绿(语义)#22C55E
深空墨#0C1220

用色逻辑:蓝守信任(金融/政务),珊瑚只作眼神光/消息点等点睛暖色,成功绿是独立语义色(别当第二主色)。冷暖对撞即记忆点。