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

Studio HEED

深夜画廊墙面 — 黑色展览空间,带有白色细线边框和极小精确标签

Studio HEED 作为深夜编辑画廊:几乎全为单色的画布,页面本身是黑暗房间,白色细线边框变成画框,作品悬挂如精心策划的展览。每一个表面决策——近黑色画布、一块深海军蓝面板、一个温暖的水泥灰替代色——都减少视觉噪音,让项目卡片得以呼吸。字体刻意微小(12–14px,字重 600),因此标签低语权威而非喧哗,将小型大写字母转化为工作室的标志性节奏。所有圆角统一为 5px,保持了建筑感和简洁——没有柔软的圆润卡片,没有装饰性渐变,没有阴影。14px 的网格间距是布局的脉搏,无论列数多少,每个项目都拥有相同的精确呼吸空间。

查看原始网站

使用规范

建议采用

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

建议避免

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