编辑商店 (Editorial Commerce Catalog)
更像内容品牌、设计商店、刊物目录和精选物件零售混合在一起的家族，内容和商品并列出现，但整体仍保持刊物感和品牌调性。
设计商店刊物目录内容品牌零售
真实网站参考 / Real References
先看这些真实网站 / Open these real sites first
长这样 / Looks Like
- 内容与商品并列
- 期刊感缩略图
- 目录像 issue
- 转化不吵
适合做 / Good For
- 设计商店
- 刊物目录
- 内容品牌零售
不适合做 / Not For
- 纯 SaaS 工具
- 严肃研究档案
- 霓虹发布页
Skill 包含什么 / What The Skill Controls
截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet
配色系统 / Color System
- 中性底色更稳
- 颜色从物件和刊物封面里来
- 不要做强促销电商橱窗
排版系统 / Typography
- 标题像刊物目录而不是促销 banner
- 商品信息和编辑栏目都要清楚
- serif 与 sans 可以混搭但要克制
版式规则 / Layout Rules
- 内容、商品和精选合集要能并列出现
- 首页像一期 issue 或一册目录
- 转化动作要清楚但不吵
图片处理 / Image Treatment
- 商品图和 editorial 图要共存
- 缩略图像 printed catalog 一样整齐
- 避免统一成普通电商卡片
交互节奏 / Motion
- hover 轻量即可
- 重点是浏览节奏和目录感
- 不要让商店操作打断品牌阅读
AI Prompt / AI Prompt
复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude
请参考编辑商店（Editorial Commerce Catalog）风格建站：
视觉特征：内容与商品并列 / 期刊感缩略图 / 目录像 issue / 转化不吵
适合场景：设计商店 / 刊物目录 / 内容品牌零售
不适合：纯 SaaS 工具 / 严肃研究档案 / 霓虹发布页
推荐页面组织：目录索引型 / Catalog Explorer / 专题长文型 / Dossier / Feature
历史来源：工艺美术运动 / Arts and Crafts / 世纪中期现代主义 / Mid-Century Modern / 装饰艺术 / Art Deco
参考网站：The Gentlewoman: https://thegentlewoman.co.uk/ / Monocle: https://monocle.com/ / Kinfolk: https://kinfolk.com/
配色系统：中性底色更稳 / 颜色从物件和刊物封面里来 / 不要做强促销电商橱窗
排版系统：标题像刊物目录而不是促销 banner / 商品信息和编辑栏目都要清楚 / serif 与 sans 可以混搭但要克制
版式规则：内容、商品和精选合集要能并列出现 / 首页像一期 issue 或一册目录 / 转化动作要清楚但不吵
图片处理：商品图和 editorial 图要共存 / 缩略图像 printed catalog 一样整齐 / 避免统一成普通电商卡片
风格要求：Use an editorial commerce catalog family: issue-like pacing, content and product side by side, quiet shop actions, printed-catalog rhythm, and a brand world that sells through curation rather than loud conversion chrome.
历史来源 / Historical Roots
这部分放在最后看，用来补背景，而不是先决定风格。 / Use this section to add background after the direction is already clear.
1860s-1900
工艺美术运动 (Arts and Crafts)
反工业粗制滥造，强调材料诚实、手工感与日常器物之美。
mid-1940s-1960s
世纪中期现代主义 (Mid-Century Modern)
以轻盈比例、功能家具感、开放空间和现代日常感建立一种温和而清晰的现代性。
1920s-1930s
装饰艺术 (Art Deco)
几何装饰、流线感和高级感并存。今天它更多以精致和舞台感回到网页中。