---
name: magazine-editorial
description: "杂志编辑 (Magazine Editorial) style skill for AI website building."
---

# 杂志编辑 (Magazine Editorial)

## 适用场景 / Use When

出版站 / 内容站 / 专题站 / 品牌杂志

## 适合做 / Best For

- 出版站
- 内容站
- 专题页

## 不适合做 / Not For

- 复杂筛选工具
- 后台工作台
- 强操作产品

## 长这样 / Visual Traits

- 封面式首屏
- 标题与图片张力
- 栏目层级
- 阅读节奏

## 配色系统 / Color System

- 配色服务封面和图片
- 可以白底也可以深底
- 比产品站更允许图片定调

## 排版系统 / Typography

- 标题与副标题节奏要像杂志
- 允许 serif + sans 组合
- 栏目标签要清楚

## 版式规则 / Layout Rules

- 首屏像 cover 或 lead spread
- 正文不是一个大 feed
- 二级内容按编辑节奏排

## 图片处理 / Image Treatment

- 图片是节奏器
- 尽量使用真实大图
- 不要用 UI 解释图代替封面图

## 动效节奏 / Motion

- 轻微 reveal 足够
- 不要让 hover 破坏阅读节奏
- 优先滚动节奏而非微交互

## 推荐结构 / Recommended Structures

- 专题长文型 / Dossier / Feature
- 档案堆栈型 / Archive Stack

## 历史来源 / Historical Roots

- 装饰艺术 / Art Deco
- 瑞士风格 / Swiss Style

## 参考网站 / Reference Sites

- Frieze: https://www.frieze.com/
- T Magazine: https://www.nytimes.com/section/t-magazine
- The New Yorker: https://www.newyorker.com/

## 注意避坑 / Avoid

- 产品功能罗列
- 复杂筛选工具壳
- 所有模块都长得一样

## Prompt DNA

```text
请参考杂志编辑（Magazine Editorial）风格建站：
视觉特征：封面式首屏 / 标题与图片张力 / 栏目层级 / 阅读节奏
适合场景：出版站 / 内容站 / 专题页
不适合：复杂筛选工具 / 后台工作台 / 强操作产品
推荐页面组织：专题长文型 / Dossier / Feature / 档案堆栈型 / Archive Stack
历史来源：装饰艺术 / Art Deco / 瑞士风格 / Swiss Style
参考网站：Frieze: https://www.frieze.com/ / T Magazine: https://www.nytimes.com/section/t-magazine / The New Yorker: https://www.newyorker.com/
配色系统：配色服务封面和图片 / 可以白底也可以深底 / 比产品站更允许图片定调
排版系统：标题与副标题节奏要像杂志 / 允许 serif + sans 组合 / 栏目标签要清楚
版式规则：首屏像 cover 或 lead spread / 正文不是一个大 feed / 二级内容按编辑节奏排
图片处理：图片是节奏器 / 尽量使用真实大图 / 不要用 UI 解释图代替封面图
风格要求：Use a magazine editorial family: cover-like lead story, large image-led first fold, supporting story stack, disciplined serif hierarchy, and a publication rhythm instead of a SaaS feature grid.
```