Dash Digital Studio 网站预览
Dash Digital Studio 网站预览

Dash Digital Studio

暖色纸张上的编辑型博物馆。画廊中,极轻字重的巨大文字悬浮在近白色墙面上,满幅产品摄影承担全部表达。

Dash Digital Studio 采用严格的无彩色编辑系统——温暖的米白画布、接近黑色的文字,以及完全没有彩色强调。整个视觉语言由 Founders Grotesk 两种字重在极端尺寸下承载:超轻 300 用于巨型展示标题(70–101px),常规 400 用于正文和导航。在大字号时字间距急剧收紧(-0.0600em 用于展示),行高压缩至 0.80–0.88,使巨型标题呈现出建筑感和雕塑感,而非促销感。内容呈现如同画廊:全幅产品摄影置于 2 栏案例框架内,界面元素保持极简,操作以胶囊形深色徽章呈现,各品牌列表间以细线分隔。色彩的缺席即是该系统的本质——所有信息(层级、强调、交互)必须通过字重、尺寸、间距以及 #fafafa、#f0f0f0 与 #2a2a2a 之间的色调变化来构建。

查看原始网站

使用规范

建议采用

  • 首屏与区块标题使用 Founders Grotesk 300 字重,尺寸为 70–101px,行高 0.80–0.88,字间距 -0.0300em 至 -0.0600em —— 紧凑的字间距与压缩的行高,使文字呈现出建筑感。
  • 正文使用 #2a2a2a,页面背景使用 #f0f0f0 —— 保持 18:1 对比度,绝不引入中灰用于连续正文。
  • 仅对胶囊形按钮和「更多 +」标签应用 999px 圆角;所有图片、卡片和内容区块保持 0px 圆角,以维持编辑版面利落的边缘。
  • 内容区块间使用 80–120px 垂直间距而非分隔线 —— 该系统仅依靠空白空间呼吸。
  • 使用29px作为导航栏内水平内边距,以及案例研究卡片间的列间距。
  • 每个操作标签(VIEW CASE STUDY、VIEW WORK、MORE +)都使用全大写的 12px Founders Grotesk,字重 400,置于 #2a2a2a 实色胶囊形控件内。
  • 将纪律标签(数字设计 · 网站开发)以大写形式设置为12px元数据,置于每个项目标题上方,并在标签之间保持20px的垂直间距。

建议避免

  • 永远不要引入有色彩度的颜色——0%的色彩度才是品牌本意。任何色调都会破坏编辑版面的约定。
  • 绝不将正文置于 300 字重;300 字重仅限于 40px 及以上显示尺寸。正文保持在 400 字重。
  • 绝不为任何元素添加阴影、发光或渐变 —— 该系统为平面、纸张质感,天生无阴影。
  • 绝不圆角图片或为产品摄影添加边框 —— 全幅 0px 边缘是规则。
  • 任何文字尺寸的行高均不得超过 1.20;显示尺寸必须保持 0.80–0.88 才能产生雕塑感。
  • 绝不给文本链接添加下划线;导航与内联链接仅通过色彩对比实现,注册商标符号是唯一的排版装饰。
  • 绝不将行动按钮置于彩色或软背景中 —— 所有操作始终为实心 #2a2a2a 节胶囊,搭配 #fafafa 文字。