Color & Typography · Fog Lake Green

自然感不靠浓绿,质感不靠纯黑。

DBLU 以雾湖绿作为品牌锚点,燕麦白和月石灰承担大面积留白,陶土棕用于少量强调。

Digital Color Tokens

--dblu-green: #4E8071;
--dblu-green-dark: #203B35;
--dblu-oat: #F4F0EA;
--dblu-moon: #E3DED6;
--dblu-stone: #8E8A82;
--dblu-clay: #BE7B56;
--dblu-ink: #252A27;

01 · Palette

雾湖绿是识别点,不是整页底色。

大面积用中性色,品牌色做少量稳定露出,点缀色控制在 5-8%。

雾湖绿#4E8071
深潭绿#203B35
燕麦白#F4F0EA
月石灰#E3DED6
岩灰#8E8A82
陶土棕#BE7B56
暖墨黑#252A27

02 · Color Ratio

克制来自比例,不只是选色。

不同触点应根据使用场景控制主色、辅助色和点缀色比例。

产品包装 · 10-15 / 75-80 / 5-10
主色 辅助色 点缀
电商详情页 · 15-20 / 70 / 10-15
主色 辅助色 点缀
社交媒体 · 20-25 / 65-70 / 5-10
主色 辅助色 点缀
官网页面 · 10 / 80-85 / 5-10
主色 辅助色 点缀

03 · Typography

字体保持干净、现代与克制。

标题使用 Outfit;DBLU 英文字标使用 DIN Condensed;英文正文使用 Barlow Condensed。中文固定为思源黑体,备用思源宋体。

H1 Display Beyond the Everyday. 40-72px · Bold
Wordmark DBLU DIN Condensed · 700
H2 Section 走出日常,皆是无界。 28-40px · Medium
H3 Label 轻户外生活方式 20-24px · Medium
Body 户外不是重装上阵的苦行,而是每个人触手可及的生活解药。推开门,大自然就能接住所有疲惫。 15-17px · Regular
Caption NATURAL LIGHT · LOW SATURATION · REAL SCENE 12-13px · Regular

04 · Icon System

功能图标统一线条语言。

图标采用线性、圆角、无填充风格,线宽保持统一,仅使用品牌主色或中性灰。