封面故事 · Editorial Grid

版式即观点,网格即秩序

以印刷杂志的排印传统为骨架:非对称栏位、克制的黑白对比与一抹品牌红,让长文阅读回到纸面般的节奏。

排版是被阅读的建筑。当栏宽、字号与留白各就其位,读者的视线便沿着一条被精心铺设的路径行进——从首字下沉的落笔,到分栏之间的细栏线,再到段落末尾的呼吸。杂志式网格从不追求对称的安稳,而是以七比五、八比四的偏置制造张力。

数字屏幕上的编辑版式继承了这套印刷语法:衬线正文负责耐读,无衬线黑体负责发声;分隔线是标点,拉引语是重音。克制的装饰让内容成为唯一主角。

“留白不是空无,
而是版面在换气。” —— 排字房手记,1972

风格档案

FOLIO · 66
类别通用 General 年代2020s 数字编辑时代 复杂度 最适合新闻站点 · 博客 · 杂志 · 长文出版

本期特稿

三栏 · 5:4:3 非对称

01 / 版式

非对称网格

以 CSS Grid 命名区域搭建 7:5、8:4 的偏置栏位,宽窄对比构成版面的第一层叙事。

02 / 排印

首字下沉与栏线

::first-letter 落下 4em 的红色首字,column-count 分栏配 1px 栏线,还原铅字气质。

03 / 语气

拉引语系统

blockquote 以 6px 红色边线与 1.5em 斜体放大观点,是段落之间的高音符。

按钮与控件

黑白为底 · 红为重音
专栏 头版

读者来信

FORM · 附回执

仅用于寄送每周排印通讯,不作它用。

配色板

高对比 · 单一重音色
油墨黑 #000000
纸面白 #FFFFFF
品牌红 #C1121F
署名灰 #595959
新闻纸 #F2F0EB

字体级阶

Archivo × Merriweather
显示级 · Archivo 900 / 56px

头版大字标题

标题 · Archivo 700 / 28px

栏目标题:城市与版面

正文 · Merriweather 400 / 17px

衬线正文以 1.7 倍行高排布,适合千字以上的长文阅读,段落两端对齐并保留恰当字距。

标签 · Archivo 700 / 12px

Kicker · 栏目眉 · 页码