TheyDo

白色基底、细线分隔与宽松留白。
页面以白色为基底,搭配近黑色文字。字体采用 Times、Wulkan。视觉特点包括细线分隔、宽松留白、扁平表面、居中构图。适合参考的场景:软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 任一视图中,Charcoal #131110填充按钮是唯一的深色表面;每个屏幕只放一个,绝不要并排放两个。
- 主要标题采用Wulkan,即使在最大的展示屏幕上也不要超过72px;超过此尺度,字间距会失衡。
- Magenta Pop #e82183只用于轮廓、描边或斜体强调;绝不要作为填充背景、徽章填充,或彩色底面上的文字颜色。
- 页面画布默认使用Blush Paper #fce7f3;#ffffff保留给需要从画布中凸显的卡片表面。
- 卡片位于浅粉色画布上,且需要在不使用深色描边的情况下延续品牌感时,边框采用Rose Whisper #fad6e9或Rose Glow #f9b4db。
- 主要分区之间保持80px,卡片内部保持15–20px;这种宽敞韵律使设计呈现编辑式气质,而非仪表盘气质。
- 在首屏或分区过渡附近放置1–3个洋红菱形图案,提示品牌的几何语言;每个视口内绝不要放置过多,保持少量即可。
建议避免
- 页面背景不要设为纯#ffffff;浅粉色画布是品牌温暖的身份,冷白会让网站显得普通。
- 不要将Magenta Pop #e82183用于填充按钮背景、徽章填充或大面积实色区块;这会使视觉变得咄咄逼人,并破坏轻声与响亮之间的节奏。
- 不要为卡片或按钮添加投影、辉光或模糊效果;系统刻意保持平面,通过边框和表面色表达层次。
- 同一卡片中不要混用超过两种边框颜色,例如Hairline与浅粉色;视觉噪声会与编辑式的平静感竞争。
- 正文字号不要低于15px,行高也不要小于1.45;宽松行距是杂志般韵律的一部分。
- 超过两行的正文段落不要居中;段落采用左对齐,居中对齐留给标题和简短副标题。
- 不要引入第三种字体或新的强调色;系统建立在Wulkan/DM Sans配对和唯一洋红强调色之上,增加其他元素会稀释品牌身份。