Midnight Editorial

午夜
编辑

一种关于深夜、字体与文字质感的美学设计语言——
深碳黑底色上,衬线字体自有其庄重与温柔。

印刷排版 & 夜间阅读
Playfair Display + Noto Serif SC
金色 #c9a96e

深夜里,文字的质感

有些事情只适合在深夜做:读书、写信、或者安静地回想一个人。白天的噪声太多,光线太亮,人在明处反而找不到自己。等到城市渐渐收敛呼吸,桌灯的圆晕成为房间里唯一的重心,文字才从页面浮起来,变得有了温度。衬线字体的设计本意大约也是如此——每一笔画的末端都有细小的衬脚,像是书法中的收笔,给视觉一个可以停留的地方。

我们选择深碳黑作为背景,不是因为它流行,而是因为它诚实。纯黑太过用力,像一个不懂得留白的人。而 #111111 这个深碳黑,有一点点灰度的呼吸,像老照片的底色,沉着而不压迫。文字则用暖白,不是冷白。冷白在黑底上会产生那种令人疲惫的对比,像是屏幕在发光而非纸张在反光。

金色是这套系统里唯一的特权——它不用于装饰,只用于指引。引用的左竖线是金色的,关键数字是金色的,分隔线是金色的渐变。当读者的目光在页面上游走,金色就像路标,告诉他:这里有值得停留的东西。

Design Components

Display
3.2rem
午夜编辑
H1
2.2rem
深夜与衬线字体
H2
1.6rem
一种关于质感的美学
H3
1.2rem
文字在深碳黑上的温度
Body
1rem
正文字体,Noto Serif SC,行高 1.8,字间距 0.02em。衬线字体在长文阅读中有天然的节奏感,笔画的粗细变化引导眼球横向移动,降低阅读疲惫感。
Caption
0.8rem
图注 / 辅助说明文字 — 暖灰色调,用于补充语境而非主体叙述。

真正的编辑不只是在整理文字,而是在决定哪些沉默值得被打破。

Midnight Editorial  ·  排版随笔

设计随笔

深碳黑背后的选择

#111111 不是 #000000。这一点点灰度的差距,决定了屏幕上文字是在"发光"还是在"呼吸"。

色彩系统

金色作为最后的特权

在一套克制的黑灰体系里,强调色是一种承诺。金色 #c9a96e 只出现在值得停留的地方。

18
正文字号
像素
1.8
行高
倍数
7
色彩
层次
2px
圆角
极小
深碳黑
#111111
二级背景
#1a1a1a
三级背景
#242424
边框
#2e2e2e
深暖灰
#606058
暖灰
#a8a8a0
温暖白
#f5f5f0
金色强调 — 奢华感
#c9a96e