---
name: journal-frontpage
description: "评论期刊首页 (Journal Frontpage) style skill for AI website building."
---

# 评论期刊首页 (Journal Frontpage)

## 适用场景 / Use When

评论刊物 / 文化周刊 / 新闻评论首页 / 长期更新媒体

## 适合做 / Best For

- 评论媒体
- 文化周刊
- 长期刊物

## 不适合做 / Not For

- 一次性专题页
- 重工具产品
- 强销售首页

## 长这样 / Visual Traits

- 刊头权威
- 栏目很多
- headline 清楚
- 更新节奏稳定

## 配色系统 / Color System

- 黑白灰为骨架更稳
- 封面色来自插图和栏目
- 不要让功能色把 masthead 做得太轻

## 排版系统 / Typography

- 刊头权威感很重要
- headline、deck、section 都要分清
- 文本密度可以高但必须可扫

## 版式规则 / Layout Rules

- 首页像持续更新的 front page
- headline 与多栏目并存
- 不能只有一个 feature 卡片撑全页

## 图片处理 / Image Treatment

- 插图、封面图和栏目缩略都要有层级
- 图片不是唯一主角
- 避免全站都变成视觉大片

## 动效节奏 / Motion

- 轻量滚动和 hover 足够
- 不要用动画打断阅读
- 节奏应服务更新感和栏目感

## 推荐结构 / Recommended Structures

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

## 历史来源 / Historical Roots

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

## 参考网站 / Reference Sites

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

## 注意避坑 / Avoid

- 做成一次性专题页
- 只有大图没有栏目结构
- 刊头和内容层级太弱

## Prompt DNA

```text
请参考评论期刊首页（Journal Frontpage）风格建站：
视觉特征：刊头权威 / 栏目很多 / headline 清楚 / 更新节奏稳定
适合场景：评论媒体 / 文化周刊 / 长期刊物
不适合：一次性专题页 / 重工具产品 / 强销售首页
推荐页面组织：档案堆栈型 / Archive Stack / 专题长文型 / Dossier / Feature
历史来源：新字体排印 / New Typography / 瑞士风格 / Swiss Style / 装饰艺术 / Art Deco
参考网站：The New Yorker: https://www.newyorker.com/ / Frieze: https://www.frieze.com/ / T Magazine: https://www.nytimes.com/section/t-magazine
配色系统：黑白灰为骨架更稳 / 封面色来自插图和栏目 / 不要让功能色把 masthead 做得太轻
排版系统：刊头权威感很重要 / headline、deck、section 都要分清 / 文本密度可以高但必须可扫
版式规则：首页像持续更新的 front page / headline 与多栏目并存 / 不能只有一个 feature 卡片撑全页
图片处理：插图、封面图和栏目缩略都要有层级 / 图片不是唯一主角 / 避免全站都变成视觉大片
风格要求：Use a journal frontpage family: authoritative masthead, repeatable sections, clear headline hierarchy, a steady editorial cadence, and a homepage that feels like an always-on publication rather than a one-off feature story.
```