机构项目网格 (Institutional Program Grid)
更像文化机构、研究机构、学校项目站或节展主页的网格型页面，要同时承载 program、活动、申请入口和档案，而不是退化成普通工作室首页。
美术馆站机构项目节展计划
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 清冷网格
- program 并列
- 栏目克制
- 机构感明确
适合做 / Good For
- 美术馆站
- 机构项目
- 节展计划
不适合做 / Not For
- 强销售首页
- 纯工具后台
- 单一 hero 发布页
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 黑白灰或近白底更稳
- 颜色只服务栏目和状态
- 不要用营销型品牌色抢 program 信息
排版系统 / Typography
- 标题和栏目层级必须同时成立
- 日期、地点、项目类型这些元数据要很好扫
- 更接近机构排印而不是品牌 slogan
版式规则 / Layout Rules
- 首页同时容纳机构介绍、program、日程和申请入口
- 列表与 feature 要并存
- 网格必须帮助导航而不是只做形式
图片处理 / Image Treatment
- 图片更像项目资料或展讯封面
- 缩略图比例要稳定
- 避免充满情绪的单一 hero 大图独占整页
交互节奏 / Motion
- 只做轻量 reveal 和 hover
- 不要让节目单式浏览被动画打断
- 优先保持浏览稳定
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考机构项目网格（Institutional Program Grid）风格建站：
视觉特征：清冷网格 / program 并列 / 栏目克制 / 机构感明确
适合场景：美术馆站 / 机构项目 / 节展计划
不适合：强销售首页 / 纯工具后台 / 单一 hero 发布页
推荐页面组织：档案堆栈型 / Archive Stack / 目录索引型 / Catalog Explorer
历史来源：瑞士风格 / Swiss Style / 新字体排印 / New Typography / 包豪斯 / Bauhaus
参考网站：Swiss Institute: https://www.swissinstitute.net/ / Frieze: https://www.frieze.com/ / Pentagram: https://www.pentagram.com/
配色系统：黑白灰或近白底更稳 / 颜色只服务栏目和状态 / 不要用营销型品牌色抢 program 信息
排版系统：标题和栏目层级必须同时成立 / 日期、地点、项目类型这些元数据要很好扫 / 更接近机构排印而不是品牌 slogan
版式规则：首页同时容纳机构介绍、program、日程和申请入口 / 列表与 feature 要并存 / 网格必须帮助导航而不是只做形式
图片处理：图片更像项目资料或展讯封面 / 缩略图比例要稳定 / 避免充满情绪的单一 hero 大图独占整页
风格要求：Use an institutional program grid family: quiet grid-based layout, cultural-program rhythm, clear date or program entry points, restrained typography, and a homepage that balances institution identity with live programming rather than hero-led marketing.
历史来源 / Historical Roots
这部分放在最后看，用来补背景，而不是先决定风格。 / Use this section to add background after the direction is already clear.
1950s-1970s
瑞士风格 (Swiss Style)
网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。
1920s-1930s
新字体排印 (New Typography)
以非对称排版、空白场和摄影/版面组织信息清晰度。
1919-1933
包豪斯 (Bauhaus)
功能、工业和几何秩序优先。它把形式服从用途这件事系统化。