品牌案例档案 (Identity Case Archive)
更像 identity studio、品牌机构和设计咨询公司的案例档案页,重点是把品牌、包装、字体和行业案例组织成一套严谨可读的 archive。
品牌机构设计咨询案例档案
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 案例先行
- 元数据清楚
- 机构感强
- 档案秩序明显
适合做 / Good For
- 品牌机构
- 设计咨询
- 案例档案
不适合做 / Not For
- 纯情绪发布页
- 随机作品墙
- 高频工具台
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 黑白灰或极少量辅助色最稳
- 视觉权重应让位给案例和元数据
- 不要做成潮流色块集合
排版系统 / Typography
- 案例标题、行业、年份、服务范围要清楚
- 更像档案标签而不是销售 slogan
- 英文字体要有机构感
版式规则 / Layout Rules
- 首页和案例索引要有档案感
- 支持按行业或服务查看
- 不能只有漂亮封面没有结构
图片处理 / Image Treatment
- 项目封面与案例裁切要一致
- 图片要服务 case archive 的秩序
- 避免每个项目都像独立 campaign microsite
交互节奏 / Motion
- 轻量 hover 与筛选反馈足够
- 不需要情绪化场景切换
- 档案式稳定感优先
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考品牌案例档案(Identity Case Archive)风格建站:
视觉特征:案例先行 / 元数据清楚 / 机构感强 / 档案秩序明显
适合场景:品牌机构 / 设计咨询 / 案例档案
不适合:纯情绪发布页 / 随机作品墙 / 高频工具台
推荐页面组织:目录索引型 / Catalog Explorer / 专题长文型 / Dossier / Feature
历史来源:瑞士风格 / Swiss Style / 包豪斯 / Bauhaus / 极简主义 / Minimalism
参考网站:Pentagram: https://www.pentagram.com/ / Signal-A Studio: https://signal-a.studio/ / Fictive Kin: https://fictivekin.com/
配色系统:黑白灰或极少量辅助色最稳 / 视觉权重应让位给案例和元数据 / 不要做成潮流色块集合
排版系统:案例标题、行业、年份、服务范围要清楚 / 更像档案标签而不是销售 slogan / 英文字体要有机构感
版式规则:首页和案例索引要有档案感 / 支持按行业或服务查看 / 不能只有漂亮封面没有结构
图片处理:项目封面与案例裁切要一致 / 图片要服务 case archive 的秩序 / 避免每个项目都像独立 campaign microsite
风格要求:Use an identity case archive family: case-led landing, precise sector or discipline filtering, restrained brand-neutral layout, metadata that reads like an archive, and enough authority to feel like a top-tier consultancy rather than a generic studio folio.
历史来源 / Historical Roots
这部分放在最后看,用来补背景,而不是先决定风格。 / Use this section to add background after the direction is already clear.
1950s-1970s
瑞士风格 (Swiss Style)
网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。
1919-1933
包豪斯 (Bauhaus)
功能、工业和几何秩序优先。它把形式服从用途这件事系统化。
1960s-1970s
极简主义 (Minimalism)
把形式削减到最少元素,让结构、比例与重复本身发声。