Hardworkclub

午夜黑盒剧院——一间全黑房间,上方有一圈蓝色灯光照在舞台中央,比寂静更响亮的只有正在播放的电影
Hardworkclub 作为黑盒性能空间运作:页面是一间全黑房间,电影画面满幅播放,唯一的中断是明亮的钴蓝色菜单点和一条细的 Maligna 古典衬线字标。系统采用极端单色——纯黑色画布、骨白文字,以及仅存在于圆形导航控件中的一个电蓝色点缀。布局左对齐,风格偏向编辑性而非中心对齐的商业感;卡片内部拥有 48px 的内边距,无阴影,几乎无可见边框,让摄影图像承载视觉重量。字体在正文和 UI 标签上采用无衬线工作马(Founders Grotesk),在首屏、标志和作品卡片叠加处使用人文主义衬线字体(Maligna),以传递匠心、温暖和‘我们不是模板’的意味。
查看原始网站使用规范
建议采用
- 将 Pitch Black(#000000)作为所有页面和表面的默认画布——黑屋是不可协商的
- 仅将 Electric Cobalt(#1200e3)用于圆形导航控件,且仅此一处——每屏一个蓝色点
- 将 Maligna 用于标志、首屏语句和作品卡片叠加部分;其余部分使用 Founders Grotesk
- 所有文字无论字号大小,均应用 -0.03em 字间距——紧密的字间距是系统特征
- 所有卡片和内容区块在四边均留出 48px 的边距,以让黑色空间得以呼吸
- 按钮和链接使用 1440px 的胶囊半径,矩形卡片使用 8px,特殊作品卡片使用更大的弧形半径
- 所有正文和引言文字均左对齐——中心对齐会破坏编辑性剧场的氛围
建议避免
- 不要引入阴影、发光效果或任何 z 轴抬升——系统刻意保持平面
- 不要增加第二个强调色或次要行动号召色——Electric Cobalt 是 UI 中唯一的色彩表面
- 不要使用白色或浅灰色背景填充卡片,以黑色画布为底——卡片保持透明覆盖在图片或纯黑背景上
- 不要对正文、语句或标签进行中心对齐——整个布局语法均为左对齐的编辑性风格
- 不要使用系统字体、Inter 或通用无衬线字体作为展示衬线字体——Maligna(或其替代字体)才是让标志和首屏显得精心设计而非模板化的关键
- 不要在深色表面使用超过 1px 的边框——仅限细线,否则黑盒幻觉会被打破
- 不要将多张作品卡片排成每行 3 张或更多的布局;精选作品应有意按 2 栏成对展示。