Bongusta 网站预览
Bongusta 网站预览

Bongusta

编辑室的亚麻衣橱位于博物馆玻璃之后

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 的字号——尺寸刻意保持紧凑
  • 不要通过背景色对比来区分卡片与页面——两者均为软白色,仅通过边框区分
  • 不要使用装饰性的渐变、色彩晕染或背景淡染 — 系统采用扁平化且无色彩的设计