舞台展示 (Stage-Driven Showcase)
首屏像舞台或镜头，一张图或一个场景先建立世界，再把内容逐层展开。
品牌发布作品首屏Campaign
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 主视觉独占
- 信息密度低
- 镜头感强
- 记忆点明确
适合做 / Good For
- 品牌发布
- 作品首屏
- Campaign
不适合做 / Not For
- 复杂目录页
- 重筛选工具
- 长期增长档案
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 让主视觉定调
- 界面色彩服从主视觉
- 用高对比建立记忆点
排版系统 / Typography
- 标题像海报或镜头标题
- 正文少而准
- 说明信息延后出现
版式规则 / Layout Rules
- 首屏只有一个强主角
- 后面再解释
- 章节像场景切换
图片处理 / Image Treatment
- 大图必须占主导
- 裁切要有电影感
- 避免缩略图库式首屏
交互节奏 / Motion
- 可以用更明显的 reveal
- 但不能遮蔽 CTA 和导航
- 过场不宜过长
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考舞台展示（Stage-Driven Showcase）风格建站：
视觉特征：主视觉独占 / 信息密度低 / 镜头感强 / 记忆点明确
适合场景：品牌发布 / 作品首屏 / Campaign
不适合：复杂目录页 / 重筛选工具 / 长期增长档案
推荐页面组织：沉浸舞台型 / Immersive Stage / 专题长文型 / Dossier / Feature
历史来源：装饰艺术 / Art Deco / 赛博朋克 / 科技未来 / Cyberpunk / Techno-Futurism
参考网站：A24: https://a24films.com/ / Apple MacBook Pro: https://www.apple.com/macbook-pro/ / PlayStation 5: https://www.playstation.com/en-us/ps5/
配色系统：让主视觉定调 / 界面色彩服从主视觉 / 用高对比建立记忆点
排版系统：标题像海报或镜头标题 / 正文少而准 / 说明信息延后出现
版式规则：首屏只有一个强主角 / 后面再解释 / 章节像场景切换
图片处理：大图必须占主导 / 裁切要有电影感 / 避免缩略图库式首屏
风格要求：Use a stage-driven showcase: let one scene dominate the fold, keep copy sparse, and reveal depth only after the first-image moment is established.
历史来源 / Historical Roots
这部分放在最后看，用来补背景，而不是先决定风格。 / Use this section to add background after the direction is already clear.
1920s-1930s
装饰艺术 (Art Deco)
几何装饰、流线感和高级感并存。今天它更多以精致和舞台感回到网页中。
1980s-present
赛博朋克 / 科技未来 (Cyberpunk / Techno-Futurism)
高饱和霓虹、黑夜城市、技术感界面、世界观驱动。它更像视觉文化分支。