跳到正文

品牌指南

Brand Guide

一份持续更新的 Brand Guide,整理 Eden 的人与系统主张、版式、首页媒体、字体、语气、视觉资产、动效和实现规则。

从混乱中建立系统。

按顺序使用

先规则,再视觉,最后应用。指南分为基础层、表层系统与内容用法三组,按九个编号章节展开:核心理念、设计规则、版式数字、视觉系统、字体与节奏、语气、应用、故事内容、动效语言。

页面必须遵守的数字

按钮与输入框最小高度 44px;hero 最多两个按钮;标题行高 0.98 到 1.08;桌面段落间距 80 到 160px,移动端 48 到 96px;卡片圆角 24 到 32px;首页媒体横幅 16:9;网格从桌面 4 栏到平板 2 栏、手机 1 栏。

颜色只做信号:从 Paper 到 Deep 六个基础 token,浅色模式的强调色是 Eden Mint,深色模式用橙色。字体少变化;动效要轻,放在可见物件上,而不是背景上。

语气与故事

语气用「避免 / 优先」对照,把能帮什么说清楚。故事内容写真实时刻:记时刻不记比分、只写真实发生的事、用短昵称、人在牌前面。指南会和线上首页与改动日志对齐。