---
name: dark-studio-gallery
description: "暗色画廊 (Dark Studio Gallery) style skill for AI website building."
---

# 暗色画廊 (Dark Studio Gallery)

## 适用场景 / Use When

工作室作品集 / 创意机构首页 / Selected Works 页面

## 适合做 / Best For

- 工作室作品集
- 案例展示
- Selected Works

## 不适合做 / Not For

- 知识库
- 高密度工具页
- 生活方式杂志站

## 长这样 / Visual Traits

- 黑底图像墙
- 作品切片先行
- 标题克制
- 工作室语气明确

## 配色系统 / Color System

- 纯黑或近黑底色
- 图像是主角
- 文字保持白灰克制

## 排版系统 / Typography

- 标题退后一步
- 项目标题和 hover 文案短而准
- 元数据很少但要准确

## 版式规则 / Layout Rules

- 先作品网格再解释
- selected 与 archive 分层明确
- 不要一上来用长段落证明自己

## 图片处理 / Image Treatment

- 项目媒体统一 16:9 或 16:10
- 图片裁切稳定
- 黑色蒙版比普通作品集更轻

## 动效节奏 / Motion

- hover reveal captions
- 轻微放大或亮度变化即可
- 滚动节奏安静连续

## 推荐结构 / Recommended Structures

- 目录索引型 / Catalog Explorer
- 沉浸舞台型 / Immersive Stage

## 历史来源 / Historical Roots

- 瑞士风格 / Swiss Style
- 粗野主义 / 新粗野主义 / Brutalism / Neo-Brutalism

## 参考网站 / Reference Sites

- Fictive Kin / Work: https://fictivekin.com/work
- Studio Feixen: https://www.studiofeixen.ch/
- OK-RM: https://www.ok-rm.co.uk/

## 注意避坑 / Avoid

- 首屏长解释
- 彩色标签
- 像 SaaS case study 列表

## Prompt DNA

```text
请参考暗色画廊（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.
```