Bongusta
白色基底、细线分隔与网格布局。
页面以白色为基底,搭配深粉色文字。字体采用 Neue Haas Grotesk、Bongusta。视觉特点包括细线分隔、网格布局、大幅摄影展示、扁平表面。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 所有主要文本、图标及交互边框均使用 #321929(紫罗兰墨水)——禁止用纯黑色替代
- 所有按钮、徽章及胶囊形交互元素的边框圆角均使用 9999px
- 所有结构边框——包括卡片、分隔线、图片边缘、导航分隔——均使用 #e0dddf(暖亚麻)
- 保持区块间的垂直间距为 48px,以维持内容区块间的编辑性呼吸感
- 所有正文及UI文本均使用 Neue Haas Grotesk 400 字重,字号为 14-15px——这是系统的唯一声音
- 仅将品牌色调阴影(rgba(50,25,41,0.15) 0px 2px 10px)应用于主要的胶囊形操作按钮——其他地方均不使用
- 让产品与生活方式摄影主导视觉层级;UI的金属感仅限于细线与小型字体
建议避免
- 不要引入任何超出紫罗兰墨水的色彩——单色系统即为品牌标识
- 不要使用带有实底的填充按钮——所有操作必须为描边或透明描边按钮
- 不要为卡片、图片或内容区块添加阴影——仅使用 1px 暖亚麻边框来构建结构
- 不要使用大于 0.01em 的字间距——整个字型系统中字间距保持几乎平坦
- 不要在核心字型系统中使用小于 11px 或大于 28px 的字号——尺寸刻意保持紧凑
- 不要通过背景色对比来区分卡片与页面——两者均为软白色,仅通过边框区分
- 不要使用装饰性的渐变、色彩晕染或背景淡染 — 系统采用扁平化且无色彩的设计