人文现代 (Humanist Modern Brand)
更温和的人文现代页面，依然干净有结构，但比严格瑞士或工具产品页更有人味、更像现代生活方式品牌。
生活方式品牌现代产品品牌内容品牌首页
真实网站参考 / 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
- 字要清楚但不生硬
- 标题比 Swiss 更温和
- 正文更可读、更生活化
版式规则 / Layout Rules
- 现代目录和品牌叙事并存
- 内容块之间呼吸感强
- 不要极端硬网格
图片处理 / Image Treatment
- 产品图和生活方式图可以并存
- 图片要显得真实而不是超未来
- 裁切稳定
交互节奏 / Motion
- 很少的动效
- 更多靠内容切换节奏
- 不要大张旗鼓的舞台 reveal
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考人文现代（Humanist Modern Brand）风格建站：
视觉特征：温和现代 / 留白克制 / 人味而不复古 / 产品与内容并存
适合场景：生活方式品牌 / 现代产品品牌 / 内容品牌首页
不适合：极端科技场景 / 反模板实验页 / 重型后台工具
推荐页面组织：目录索引型 / Catalog Explorer / 专题长文型 / Dossier / Feature
历史来源：世纪中期现代主义 / Mid-Century Modern / 工艺美术运动 / Arts and Crafts
参考网站：Monocle: https://monocle.com/ / Apple MacBook Pro: https://www.apple.com/macbook-pro/ / Kinfolk: https://kinfolk.com/
配色系统：中性底色里带一点温度 / 不要发黄过头 / 整体仍要干净现代
排版系统：字要清楚但不生硬 / 标题比 Swiss 更温和 / 正文更可读、更生活化
版式规则：现代目录和品牌叙事并存 / 内容块之间呼吸感强 / 不要极端硬网格
图片处理：产品图和生活方式图可以并存 / 图片要显得真实而不是超未来 / 裁切稳定
风格要求：Use a humanist modern family: warm modern proportions, clear spacing, restrained typography, image-led calm, and product or brand framing that feels human rather than cold.
历史来源 / Historical Roots
这部分放在最后看，用来补背景，而不是先决定风格。 / Use this section to add background after the direction is already clear.
mid-1940s-1960s
世纪中期现代主义 (Mid-Century Modern)
以轻盈比例、功能家具感、开放空间和现代日常感建立一种温和而清晰的现代性。
1860s-1900
工艺美术运动 (Arts and Crafts)
反工业粗制滥造，强调材料诚实、手工感与日常器物之美。