David Kirschberg
近黑色基底、圆角卡片与产品图像展示。
Hardworkclub
近黑色基底、视频展示与衬线字形。
页面以近黑色为基底，搭配白色文字。字体采用 Maligna、Founders Grotesk。视觉特点包括视频展示、衬线字形、非对称构图、网格布局。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 将 Pitch Black（#000000）作为所有页面和表面的默认画布——黑屋是不可协商的
- 仅将 Electric Cobalt（#1200e3）用于圆形导航控件，且仅此一处——每屏一个蓝色点
- 将 Maligna 用于标志、首屏语句和作品卡片叠加部分；其余部分使用 Founders Grotesk
- 所有文字无论字号大小，均应用 -0.03em 字间距——紧密的字间距是系统特征
- 所有卡片和内容区块在四边均留出 48px 的边距，以让黑色空间得以呼吸
- 按钮和链接使用 1440px 的胶囊半径，矩形卡片使用 8px，特殊作品卡片使用更大的弧形半径
- 所有正文和引言文字均左对齐——中心对齐会破坏编辑性剧场的氛围
建议避免
- 不要引入阴影、发光效果或任何 z 轴抬升——系统刻意保持平面
- 不要增加第二个强调色或次要行动号召色——Electric Cobalt 是 UI 中唯一的色彩表面
- 不要使用白色或浅灰色背景填充卡片，以黑色画布为底——卡片保持透明覆盖在图片或纯黑背景上
- 不要对正文、语句或标签进行中心对齐——整个布局语法均为左对齐的编辑性风格
- 不要使用系统字体、Inter 或通用无衬线字体作为展示衬线字体——Maligna（或其替代字体）才是让标志和首屏显得精心设计而非模板化的关键
- 不要在深色表面使用超过 1px 的边框——仅限细线，否则黑盒幻觉会被打破
- 不要将多张作品卡片排成每行 3 张或更多的布局；精选作品应有意按 2 栏成对展示。
