暗色画廊 (Dark Studio Gallery)
更偏黑底图像画廊的工作室页面，靠作品切片、克制标题和 Selected Work 节奏建立说服力，而不是靠长段落先解释自己。
工作室作品集案例展示Selected Works
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 黑底图像墙
- 作品切片先行
- 标题克制
- 工作室语气明确
适合做 / Good For
- 工作室作品集
- 案例展示
- Selected Works
不适合做 / Not For
- 知识库
- 高密度工具页
- 生活方式杂志站
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 纯黑或近黑底色
- 图像是主角
- 文字保持白灰克制
排版系统 / Typography
- 标题退后一步
- 项目标题和 hover 文案短而准
- 元数据很少但要准确
版式规则 / Layout Rules
- 先作品网格再解释
- selected 与 archive 分层明确
- 不要一上来用长段落证明自己
图片处理 / Image Treatment
- 项目媒体统一 16:9 或 16:10
- 图片裁切稳定
- 黑色蒙版比普通作品集更轻
交互节奏 / Motion
- hover reveal captions
- 轻微放大或亮度变化即可
- 滚动节奏安静连续
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考暗色画廊（Dark Studio Gallery）风格建站：
视觉特征：黑底图像墙 / 作品切片先行 / 标题克制 / 工作室语气明确
适合场景：工作室作品集 / 案例展示 / Selected Works
不适合：知识库 / 高密度工具页 / 生活方式杂志站
推荐页面组织：目录索引型 / Catalog Explorer / 沉浸舞台型 / Immersive Stage
历史来源：瑞士风格 / Swiss Style / 粗野主义 / 新粗野主义 / Brutalism / Neo-Brutalism
参考网站：Fictive Kin / Work: https://fictivekin.com/work / Studio Feixen: https://www.studiofeixen.ch/ / OK-RM: https://www.ok-rm.co.uk/
配色系统：纯黑或近黑底色 / 图像是主角 / 文字保持白灰克制
排版系统：标题退后一步 / 项目标题和 hover 文案短而准 / 元数据很少但要准确
版式规则：先作品网格再解释 / selected 与 archive 分层明确 / 不要一上来用长段落证明自己
图片处理：项目媒体统一 16:9 或 16:10 / 图片裁切稳定 / 黑色蒙版比普通作品集更轻
风格要求：Use a dark studio gallery family: image-first project tiles, restrained monochrome typography, sparse captions, and a selected-work rhythm that feels like a curated studio wall rather than a generic portfolio template.
历史来源 / Historical Roots
这部分放在最后看，用来补背景，而不是先决定风格。 / Use this section to add background after the direction is already clear.
1950s-1970s
瑞士风格 (Swiss Style)
网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。
1950s roots / 2010s-2020s web revival
粗野主义 / 新粗野主义 (Brutalism / Neo-Brutalism)
结构裸露、边界鲜明、不讨好。网页里的 neo-brutalism 往往更鲜艳、更可用。