01 / 版式
非对称网格
以 CSS Grid 命名区域搭建 7:5、8:4 的偏置栏位,宽窄对比构成版面的第一层叙事。
排版是被阅读的建筑。当栏宽、字号与留白各就其位,读者的视线便沿着一条被精心铺设的路径行进——从首字下沉的落笔,到分栏之间的细栏线,再到段落末尾的呼吸。杂志式网格从不追求对称的安稳,而是以七比五、八比四的偏置制造张力。
数字屏幕上的编辑版式继承了这套印刷语法:衬线正文负责耐读,无衬线黑体负责发声;分隔线是标点,拉引语是重音。克制的装饰让内容成为唯一主角。
“留白不是空无,
而是版面在换气。” —— 排字房手记,1972
01 / 版式
以 CSS Grid 命名区域搭建 7:5、8:4 的偏置栏位,宽窄对比构成版面的第一层叙事。
02 / 排印
::first-letter 落下 4em 的红色首字,column-count 分栏配 1px 栏线,还原铅字气质。
03 / 语气
blockquote 以 6px 红色边线与 1.5em 斜体放大观点,是段落之间的高音符。
#000000#FFFFFF#C1121F#595959#F2F0EB头版大字标题
栏目标题:城市与版面
衬线正文以 1.7 倍行高排布,适合千字以上的长文阅读,段落两端对齐并保留恰当字距。
Kicker · 栏目眉 · 页码