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

TWOMUCH.STUDIO

漂浮的珍奇博物馆。

这家工作室的界面融入自身的画布:经过精心挑选的3D物件、印刷作品与文化宣传小品,组成一片广阔场域,漂浮在平坦的灰色底板之上。界面被缩减为一个胶囊形导航栏,固定在视觉中心。色彩仅分配给一处鲜明的青柠色强调,它像荧光笔一样点亮几乎完全单色的系统;其他所有表面都保持安静,让物件自行表达。排版只使用一种定制的几何无衬线字体,采用中等字重和强烈的负字间距,让短小标签也具有紧凑的海报感和权威感。组件在设计上极为简约,仅有胶囊、圆形和细线,让精心选取的图像承担页面的视觉表达。

查看原始网站

使用规范

建议采用

  • 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。