TWOMUCH.STUDIO 网站预览
TWOMUCH.STUDIO 网站预览

TWOMUCH.STUDIO

近白色基底、紧密字距与细线分隔。

页面以近白色为基底,搭配近黑色文字。字体采用 ABCMonumentGrotesk。视觉特点包括紧密字距、细线分隔、错落拼贴、网格布局。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • Voltage Lime #e2ff70 每屏恰好只填充一个操作,它是受控强调,而非装饰色。
  • 每个交互控件、标签和标记用 9999px 胶囊圆角,胶囊是界面唯一形状语言。
  • 所有文字包括标题用 ABCMonumentGrotesk 500,负字间距接近 -0.48px,不引入粗或轻字重。
  • 物件直接浮在 Gallery Plate #e5e7eb 上,无卡片背景、阴影或框,画布本身就是容器。
  • 中央导航栏是唯一常驻界面元素,其余每个表面都作为内容。
  • 所有边框与分割线用 1px Gallery Plate 细线,绝不更粗。
  • Voltage Lime 填充只配 Carbon 文字,绝不让青柠对着 Paper White 或 Chalk,对比组合 #000 → #e2ff70 = 18.8:1。

建议避免

  • 不要引入第二字体、第二字重或正字间距,单色无衬线就是声音。
  • 不要添加投影、光晕或浮起层级,系统刻意平面。
  • 任何按钮或链接的彩色填充只有 Voltage Lime,Concrete 与 Chalk 是仅有中性填充。
  • 影像不要框在圆角卡片或边框容器中,让物件直接接触画布。
  • Oxide Brown #68340e 不要作为界面色,它只属于影像与印刷物料内部。
  • 单屏表面层级不要超过两层,如 Chalk 卡片在 Gallery Plate 上可以,第三层嵌套卡片不可以。
  • 正文不要居中,也不用大字号,系统紧凑、左对齐,最大 22px。