---
name: creative-media
description: "创意媒体 (Creative Media Editorial) style skill for AI website building."
---

# 创意媒体 (Creative Media Editorial)

## 适用场景 / Use When

创意媒体首页 / 设计博客 / 文化资讯站 / 更新频繁的内容品牌

## 适合做 / Best For

- 创意媒体
- 设计博客
- 文化资讯

## 不适合做 / Not For

- 重操作工具页
- 强销售落地页
- 只有少量内容的站

## 长这样 / Visual Traits

- 栏目感强
- 图文并行
- 更新频繁
- 封面与列表共存

## 配色系统 / Color System

- 以黑白灰为骨架
- 图片自己定调
- 不要把功能色做成主角

## 排版系统 / Typography

- 标题、栏目、时间和作者信息都要清楚
- serif 与 sans 可以并用
- 保持读稿节奏而不是纯海报感

## 版式规则 / Layout Rules

- 先有 lead story 再有次级栏目
- 支持高频更新但不失去封面感
- 首页是编辑入口不是长文全文

## 图片处理 / Image Treatment

- 图片必须有张力
- 缩略图和 lead 图要区分层级
- 不要全部裁成同一种无差别卡片

## 动效节奏 / Motion

- 轻微 reveal 即可
- 更依赖版面节奏而不是交互动效
- 不要让 hover 打断浏览

## 推荐结构 / Recommended Structures

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

## 历史来源 / Historical Roots

- 新字体排印 / New Typography
- 瑞士风格 / Swiss Style
- 装饰艺术 / Art Deco

## 参考网站 / Reference Sites

- It's Nice That: https://www.itsnicethat.com/
- Frieze: https://www.frieze.com/
- The New Yorker: https://www.newyorker.com/

## 注意避坑 / Avoid

- 单纯做成 feed
- 所有内容都同级
- 只有封面气质没有更新入口

## Prompt DNA

```text
请参考创意媒体（Creative Media Editorial）风格建站：
视觉特征：栏目感强 / 图文并行 / 更新频繁 / 封面与列表共存
适合场景：创意媒体 / 设计博客 / 文化资讯
不适合：重操作工具页 / 强销售落地页 / 只有少量内容的站
推荐页面组织：档案堆栈型 / Archive Stack / 专题长文型 / Dossier / Feature
历史来源：新字体排印 / New Typography / 瑞士风格 / Swiss Style / 装饰艺术 / Art Deco
参考网站：It's Nice That: https://www.itsnicethat.com/ / Frieze: https://www.frieze.com/ / The New Yorker: https://www.newyorker.com/
配色系统：以黑白灰为骨架 / 图片自己定调 / 不要把功能色做成主角
排版系统：标题、栏目、时间和作者信息都要清楚 / serif 与 sans 可以并用 / 保持读稿节奏而不是纯海报感
版式规则：先有 lead story 再有次级栏目 / 支持高频更新但不失去封面感 / 首页是编辑入口不是长文全文
图片处理：图片必须有张力 / 缩略图和 lead 图要区分层级 / 不要全部裁成同一种无差别卡片
风格要求：Use a creative media editorial family: a strong lead image or story block, visible section rhythm, live publishing cadence, and enough structure to support frequent updates without losing voice.
```