已构建的品牌识别
logo、色彩、字体排印
已拆解的竞品
按颜色与字体
服务过的行业
从金融科技到工业
设计与品牌——从 logo 到设计系统
系统的层级
标志 · 色彩 · 字体 · 网格
开箱即用的主题
浅色与深色
令牌进入代码
设计直接落到代码
logo、色彩、字体与网格——统一为一种语言
把品牌当作系统来构建——从标志、logo 到色彩、字体排印、网格，以及用于网站和代码的令牌
要的不是「又一个好看的 logo」，而是把品牌当作系统：由令牌构成的色彩、字体与网格——在网站、代码和演示里保持统一
鲁斯兰·克雷洛夫
krylov® 工作室创始人
竞品的色彩地图
X 轴是品牌色，Y 轴是浅色 / 深色主题。 所有玩家都在同一张地图上——哪些区域拥挤一目了然。
蓝色一端仍然空着
中段和暖色端都被占满了。纯净的电光蓝仍然空着——我们把品牌强调色放在那里。
竞品的字体
X 轴是字体来源，Y 轴是标题字重。 自上而下——从纤细到超粗。
受众画像
竞品在向谁销售。 每个垂直玩家核心受众的年龄、角色与关键能力。
- 供应商选型
- 预算与可行性论证
- 合规
- SL 指标
- BPM 流程
- 语音分析
- 招标与采购
- 授权许可
- 供应商管理
- 遗留系统改造
- 行业专长
- 项目群管理
他们在地图上的位置
X 轴是年龄，Y 轴是数字成熟度。 资深决策者与大众用户之间的断层一目了然——以及产品在哪里需要自己的语言。
学生大众 · 21
求职者大众 · 25
用户大众 · 29
技术主管B2B · 33
产品经理B2B SaaS · 35
管理员B2B · 40
采购IT 采购 · 38
决策者甲方 · 42两个不同的世界
做决定的是资深的 B2B 角色，实际使用的却是大众群体。两者需要各自的表达方式和界面。
设计趋势
不会过一季就过时的品牌识别。 只把真正对品牌有长期价值的东西纳入系统。
界面的安静
更少装饰，更多留白：hairline 细线、克制的网格，只在需要决策的地方才用强调。
以艺术为语言
用插画与图形代替素材图——形成可辨识的品牌视觉笔触。
版面会呼吸
大留白、清晰的字体层级、由间距构成的节奏——内容毫不费力就能读。
令牌系统
把颜色、字体与间距作为变量——设计与代码共享同一个事实来源。
默认支持明暗两套
每个强调色都是一对数值：品牌识别无需改动即可在两种主题下生存。
Motion-first
品牌识别从一开始就在动态中设计：logo、转场、微动效。
新美学的六条原则
提案由什么构成
中段与暖色端已被占据——纯净的蓝色仍然空着
无衬线与通用字体扎堆——有性格的字体仍然空着
30 岁以上的 B2B 专业人士与政府部门
安静、艺术、留白
政府部门与大型企业：信任是前提
软件登记册、本地文字、国产化替代
个竞品位于我们的蓝色区。 光谱的中段与暖色端已被占据。
强调色贯穿整套系统。 按钮、链接、图表与色块。
套开箱即用的主题。 同一种颜色在浅色和深色下同样生动。
一种颜色。一个立场——从按钮到整套系统
不是黯淡的企业蓝，也不是焦虑的红。 纯净的电光蓝是行动与清晰之色：让主要信息一目了然，其余一切归于安静，并在浅色和深色主题下同样可靠。
三种颜色撑起整套系统：一个强调色、一个深色、一个浅色。颜色越少，秩序越强
CMYK 82, 58, 0, 0 · PANTONE ≈ 2727 C
CMYK 23, 0, 12, 90 · PANTONE ≈ Black 3 C
CMYK 1, 0, 2, 6 · PANTONE ≈ Cool Gray 1 C
可能的色彩组合
调换背景与强调色——任意一组都保持对比鲜明、易于辨识
对比度
每组都通过 AA · 浅色与深色主题
可能的文字组合
标题与正文在任意底色上都清晰可读——对比度写进了系统，没有例外
可读性
所有组合至少达到 AA
一种颜色。一个立场——从按钮到整套系统
系统的层级
标志 · 色彩 · 字体 · 网格
开箱即用的主题
浅色与深色
令牌进入代码
设计直接落到代码
Aa竞品都在用免费字体和别人的 TT Commons。Onest 占据地图上空出的区域——有性格、有超粗字重，字符集也很完整
Onest
依据字体地图得出的选择
一款字体——完整的层级
开放的字怀——在小字号和屏幕上依然清晰。
在界面和海报中都有平稳的节奏。
完整的字符集，毫不妥协。
常见问题
是一套系统：颜色、字体与间距的令牌、logo、规范以及可用的实例。演示、网站与代码共享同一套逻辑。
一起构建你的品牌识别
30 分钟通话，把需求理清。 带着产品和品牌性格来——带着色彩方向和系统方案离开。