Concrete Club Studio 网站预览
Concrete Club Studio 网站预览

Concrete Club Studio

近白色基底、手绘图形与大字排版。

页面以近白色为基底,搭配近黑色文字。字体采用 TRJN DaVinci、HelveticaNeue-Light。视觉特点包括手绘图形、大字排版、衬线字形、网格布局。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 文字标志和 112px 及以上的展示文字,仅使用 TRJN DaVinci。
  • 首屏文字标志填满整个视口宽度,不设置 max-width 容器。
  • 所有正文和导航文字都采用全大写 HelveticaNeue-Light。编辑语气不使用混合大小写。
  • 满幅区块在 Dusty Rose、Bone White、Charcoal 三种表面色之间交替,彼此不设边框。
  • Ember Ink #d9462b 是唯一彩色文字颜色,而且只用于 Dusty Rose 表面。
  • 手绘插画放在展示文字标志的右侧边缘,并与基线重叠。
  • 首屏使用 230px 顶部内边距,将文字标志推到导航区域下方。

建议避免

  • 不要引入按钮、卡片或任何抬升界面组件。系统没有交互表面。
  • 任何元素都不要设置圆角,保持所有边缘锐利且像印刷品。
  • 不要使用阴影或悬浮效果。表面只由颜色定义。
  • 内容不要在 max-width 容器中居中。布局从边缘到边缘铺满。
  • 不要使用混合大小写。整个系统以全大写表达。
  • Ember Ink 不要用在浅色或深色表面,它只属于 Dusty Rose。
  • 不要添加渐变或摄影背景。系统只采用平面印刷色。