Oakâme

暖白色基底、胶囊形控件与大字排版。
页面以暖白色为基底。字体采用 BwGradual。视觉特点包括胶囊形控件、大字排版、细线分隔、分屏构图。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- Linen Canvas(#f6f1eb)是唯一背景,绝不引入第二种表面颜色或白色卡片。
- 所有边框设为1px solid Walnut Ink(#403a34),卡片、图片和内容块不使用圆角,只采用0px。
- 胶囊圆角(9999px)仅用于按钮、标签和购物车徽标,其他一切保持方正。
- 展示字号(120–250px)仅用于首屏产品名称和区块开场,绝不用于正文或行内链接。
- 每个10–12px大写标签采用+0.083em至+0.100em字间距,100px以上一切文字收紧为-0.056em。
- 正文默认18–20px BwGradual 400、Walnut Ink和1.50行高,只有宽字间距标签可降至12px。
- 区块以全宽1px Walnut Ink极细线分隔,绝不用背景颜色变化、卡片或阴影分隔。
建议避免
- 系统任何地方都不要引入彩色强调、渐变或阴影,色板为两种颜色加炭灰变体。
- 正文不要低于18px,更小的文字必须大写且疏开字间距,不能是普通连续正文。
- 图片、分类卡片或区块内容块不要加圆角,方正边缘就是系统。
- 同一段落不要混用两种深色文字,标题选择Walnut Ink、正文选择Charcoal Note,不要交替。
- 每个视口不要放置超过一个填充Walnut Ink按钮,其他操作必须是胶囊描边或纯文字。
- 不要使用中间字号24、28、32、36px,尺度从20跃至40,中间任何值都会破坏编辑式张力。
- 生活方式摄影上不要叠加文字、徽标或UI,图像区域只允许首屏展示标题与缩略图带。