| 1 | 杂志衬线是文字的叙事诗——奶油色的纸张上，衬线字体娓娓道来，故事感从标题开始流淌。这不是信息传递，这是叙事。每一个段落都经过编辑的笔触，每一个页面都是一篇值得细读的文章。翻页的不是幻灯片，是一本好书。 |
| 2 | |
| 3 | ## 配色 |
| 4 | 标题 #431407 深褐、正文 #7c2d12 焦棕，强调色 #ea580c 深橙与 #f97316 亮橙是编辑的红色铅笔。背景 linear-gradient(160deg, #fef7ed 0%, #fff7ed 52%, #fffbeb 100%) 是奶油色的三段渐变，如泛黄的信纸。卡片 rgba(255,250,245,0.9) 带着纸张的温度，边框 rgba(120,53,15,0.18) 是极淡的棕色描边。 |
| 5 | |
| 6 | ## 排版 |
| 7 | 衬线标题 + 无衬线正文是经典的杂志编排。标题字号大且优雅，正文行距宽松，段落首行可以缩进。引号和 pull quote 可以用更大的衬线字体突出。 |
| 8 | |
| 9 | ## 布局 |
| 10 | 杂志式的叙事布局——大标题、副标题、正文段落层次分明。首字母可以放大作为装饰。引文区块用卡片承载，与正文区分。留白像杂志翻页间的节奏。 |
| 11 | |
| 12 | ## 动画 |
| 13 | fade-up、stagger-list、typewriter |
| 14 | |
| 15 | ## 适合场景 |
| 16 | 品牌故事、文字密度大的长文演讲、叙事性内容、人物传记——需要让人「想读下去」的场合。 |
| 17 | |
| 18 | ## 不要 |
| 19 | - 不要使用无衬线做标题 |
| 20 | - 不要使用冷色调 |
| 21 | - 不要用密集排版压缩文字的呼吸 |
| 22 | - 不要让装饰元素打断叙事的节奏 |
| 23 |