HNST Studio 网站预览
HNST Studio 网站预览

HNST Studio

暖白色基底、细线分隔与分屏构图。

页面以暖白色为基底,搭配近黑色文字。字体采用 Raleway、Poppins。视觉特点包括细线分隔、分屏构图、大幅摄影展示、宽松留白。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • Rust Hearth #892500 专用于品牌文字标志、激活导航和区块下划线,作为唯一彩色强调承载全部身份。
  • 所有展示区块标题使用 Poppins 700,62px,字间距 0.154em,维持画廊标签标志。
  • 除胶囊筛选标签用 10px 外,所有组件转角保持 0px 尖角,这唯一例外是刻意的。
  • 暖 Raw Silk 画布上正文用 Raleway 400、15px、行高 1.70,保证编辑可读性。
  • 徽章和标签填充用 Sand Plaster #eee5d9,形成像工艺纸的柔暖容器。
  • 区块以满幅摄影条带分隔,而非装饰分割线,影像是结构元素。
  • 所有结构分隔保持 1px Stone #868686 细边框,绝不以阴影暗示浮起。

建议避免

  • 不要引入 Rust Hearth 与 Blush Whisper 之外的强调色,1% 彩色占比就是品牌。
  • 卡片、按钮或图片不要圆角,尖边对编辑印刷身份至关重要。
  • 任何组件不要添加投影或浮起,系统刻意平面。
  • 页面背景不要用纯白 #ffffff,始终用 Raw Silk #f9f6f2 保留温暖天然纤维氛围。
  • 正文不要低于 14px 或高于 17px,字号尺度狭窄而有意,以保证编辑阅读舒适。
  • 展示标题不要收紧字间距,62px 下极宽的 0.154em 是标志,而非错误。
  • 首屏摄影上不要覆盖文字、按钮或界面外框,让图片无干扰呼吸。