---
name: editorial-commerce
description: "编辑商店 (Editorial Commerce Catalog) style skill for AI website building."
---

# 编辑商店 (Editorial Commerce Catalog)

## 适用场景 / Use When

设计商店 / 刊物目录 / 内容品牌零售 / 家居与文化精选店

## 适合做 / Best For

- 设计商店
- 刊物目录
- 内容品牌零售

## 不适合做 / Not For

- 纯 SaaS 工具
- 严肃研究档案
- 霓虹发布页

## 长这样 / Visual Traits

- 内容与商品并列
- 期刊感缩略图
- 目录像 issue
- 转化不吵

## 配色系统 / Color System

- 中性底色更稳
- 颜色从物件和刊物封面里来
- 不要做强促销电商橱窗

## 排版系统 / Typography

- 标题像刊物目录而不是促销 banner
- 商品信息和编辑栏目都要清楚
- serif 与 sans 可以混搭但要克制

## 版式规则 / Layout Rules

- 内容、商品和精选合集要能并列出现
- 首页像一期 issue 或一册目录
- 转化动作要清楚但不吵

## 图片处理 / Image Treatment

- 商品图和 editorial 图要共存
- 缩略图像 printed catalog 一样整齐
- 避免统一成普通电商卡片

## 动效节奏 / Motion

- hover 轻量即可
- 重点是浏览节奏和目录感
- 不要让商店操作打断品牌阅读

## 推荐结构 / Recommended Structures

- 目录索引型 / Catalog Explorer
- 专题长文型 / Dossier / Feature

## 历史来源 / Historical Roots

- 工艺美术运动 / Arts and Crafts
- 世纪中期现代主义 / Mid-Century Modern
- 装饰艺术 / Art Deco

## 参考网站 / Reference Sites

- The Gentlewoman: https://thegentlewoman.co.uk/
- Monocle: https://monocle.com/
- Kinfolk: https://kinfolk.com/

## 注意避坑 / Avoid

- 做成大促首页
- 只有气质没有购买路径
- 商品和内容完全分裂成两个站

## Prompt DNA

```text
请参考编辑商店（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.
```