Studio HEED 网站预览
Studio HEED 网站预览

Studio HEED

近黑色基底、细线分隔与网格布局。

页面以近黑色为基底。字体采用 Suisse Intl。视觉特点包括细线分隔、网格布局、大幅摄影展示。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 使用 #000000 作为每个部分的默认页面画布 — 空无即是品牌
  • 为每个卡片、图片和交互表面应用 5px 圆角 — 从不偏离
  • 保持所有文字在 12px 或 14px 字重 600 Suisse Intl — 微型字体是标志风格
  • 保持画廊卡片之间及堆叠元数据行之间的 14px 间距
  • 使用 #ffffff 作为所有文字和细线边框的颜色 — 白色网格线即是 UI 结构
  • 以等高卡片形式水平排列项目,卡片间间距为 14px
  • 让四种表面色(空无、白色、午夜海军蓝、水泥灰)承载全部视觉变化 — 不使用渐变、不使用阴影、不使用装饰元素

建议避免

  • 绝不为任何表面添加阴影、层高或发光效果
  • 绝不使用大于 14px 的字体大小 — 微型字体是不可协商的
  • 绝不引入超出四种表面色调之外的额外颜色 — 色彩调色板已封闭
  • 绝不使用软圆角(8px 以上)或胶囊形状(9999px) — 5px 是系统中唯一的圆角
  • 绝不使用低于 600 字重的字体 — 统一的中等粗体字重承载整个语气
  • 绝不为激活的导航状态添加下划线、背景或颜色区分
  • 绝不使用渐变、摄影背景或内容区块间的插图分隔线