标识 / LOGO
三态与三个不许改
字标为定制重几何小写无衬线。红「i」是识别锚点,也是本站图形语言中「斜切」母题的来源。
三个不许改
- 重几何小写字标,不改成大写
- 短「l」 —— 只到 x 高度,补长即毁设计
- 斜切的红「i」 —— 点是字色,下段是分离的、向右斜的红笔画
使用规则
- 只等比缩放、锁定纵横比;不加阴影、描边、渐变、外发光,不倾斜或加透视
- 除黑 / 白 / 单色三态外不换色;红「i」不改成其它颜色
- 四周留白 ≥ 字标高度的 25%,不压边、不压图
- 最小高度:单行字标 18px · 两行锁定版 40px · 方形图标 16px
色彩 / COLOR
品牌标准色
色值取自实际渲染像素,非 CMYK 换算;附 PANTONE 对照以便印刷与打样时核对。
品牌红是强调色,不是主色。 目标用色比例为:白与极浅灰约 64%、近黑约 22%、中灰约 9%、品牌红约 5%。 正文与标题不上品牌色 —— 层级靠字重与字号拉开,不靠颜色。
中性阶
字体与尺度 / TYPE
系统字体栈,不引外链
品牌感靠字重、字距与大字号复现,而不是靠一套自定义字体文件。
-apple-system, BlinkMacSystemFont, "PingFang SC", "PingFang HK", "HarmonyOS Sans SC", "Microsoft YaHei", Segoe UI, Roboto, sans-serif
金额、比率与日期使用等宽数字(tabular-nums),保证纵向对齐。
字号阶梯
- 36pxKPI 大数
- 28px页面主标题
- 22px页面标题
- 18px区块标题
- 16px小标题
- 14px正文
- 13px表格 / 数据
- 12px辅助说明
业务线 / LINES
车品与宠物两条线
同一母品牌下的两条业务线,各自有明确的定位表述。
- 智能电器类 —— 车载吸尘器、清洁工具、内饰护理
- 出行装备类 —— 充气泵、应急工具、收纳用品
- 舒适体验类 —— 头枕腰靠、香氛、遮阳用品
- 清洁护理类 —— 清洁剂、镀膜剂等车用洗护产品
- 宠物线 —— 徕本宠物 helloleiboo · 更好的宠物照顾,更合理的价格
可以做 / 不要做
各三条
这六条覆盖日常最容易出错的地方;更细的规格见页尾可取用的规范文件。
可以做
- 浅底用黑字标、深底用反白态,红「i」保持不变
- 一屏只留一个品牌红的主操作按钮,其余按钮一律描边
- 用字号阶梯与字重拉开层级;数据用等宽数字
不要做
- 给字标加阴影、描边、渐变、外发光,或倾斜、加透视
- 给字标换色 —— 红「i」尤其不能改成其它颜色
- 引外链字体,或用品牌红大面积铺底