Walden 网站预览
Walden 网站预览

Walden

静止的林地:每个产品是石头,每个像素是苔藓与静默。

Walden 是冥想与仪式物件品牌,界面像安静画廊墙。画布纯白,几乎每个表面、边框和控件都用暖灰度,系统任何地方都无彩色强调。文字小、紧密、偏小写,唯一结构线索是石灰 #d3cec5 细描边,无投影、浮起技巧或渐变。满幅自然与产品摄影承载全部情感,周围外框必须近乎不可见。组件像手工而非模板:2px 按钮圆角、卡片最大 16px 圆角、1px 内嵌环是系统唯一阴影。

查看原始网站

使用规范

建议采用

  • 整个界面保持无彩色,绝不引入品牌色、强调色相或彩色渐变。
  • 每个细边框、分割线与焦点环用 Stone Veil #d3cec5,Sumi Black #030302 只留给填充按钮与激活状态。
  • 字号尺度保持 10–20px,标题需要更响亮时提高字重至 600,而非放大。
  • 产品与自然摄影占满视口宽度,0px 圆角,无周围卡片外框。
  • 所有控件、输入框与标签用 2px 按钮圆角,只有需要圆角的大内容容器用 16px。
  • 内容通过 40–60px 区块留白分隔,而非细线、分割线或交替背景条带。
  • 正文用 Charcoal Ink #3f3f3f,绝不 Lampblack #000000,以保留暖灰度色泽。

建议避免

  • 不要添加投影、浮起或模糊,系统只用 1px 内嵌环和细描边。
  • 不要引入彩色行动色、悬停填充或选中高亮,近黑按钮已经是最响亮元素。
  • 字号不要超过 20px,小尺度是品牌标志,超大展示文字会破坏沉思语气。
  • 产品影像不要包进有边框、背景或内边距的卡片,让照片接触页面边缘。
  • 按钮、输入框或标签圆角不要超过 2px,16px 只属于大内容表面。
  • 区块间不要交替背景色,画布从上到下统一白。
  • 按钮内不要加图标,也不加彩色徽章或状态胶囊,系统无小块、标签或通知圆点。