Design System — 设计系统

森林呼吸

日本美学中的「間」(Ma),是空间里有意留下的空白——不是缺席,而是一种在场的方式。 每一处留白,都是让事物呼吸的时刻。

灵感来自晨雾、旧纸、落叶,以及沉默也有重量的树林。

这套设计语言拒绝装饰,拒绝视觉噪声。它相信留白是内容,相信字体的重量就是情绪, 相信一段文字在足够宽的行高里,读者会自然放慢呼吸。它不试图打动你, 它只是在这里,像一片安静的林子。

Display / 衬线大标题

在寂静中,万物开始说话。

Heading / 衬线标题

留白是思想得以呼吸的空间

Subheading / 无衬线小标题

每一个段落都值得被仔细对待

Body / 正文

文字不是装点页面的图案,它是思想的载体。当行高足够宽,字号足够温和, 颜色足够克制,读者的眼睛就会放松,注意力就会真正落在词语上,而不是被设计本身打扰。 这就是「无为而为」的设计哲学。

Caption / 辅助文字

细节注释,版权说明,时间戳,以及一切不需要被强调、却也不应消失的信息。

美,不是事物被加上了什么,而是被减去了什么之后,剩下的那个核心。 简约不是贫乏,而是找到了真正重要的东西,并且有勇气只留下它。

— 对「間」哲学的一种理解
01

克制

每增加一个元素之前,先问:它的缺席是否让整体更好?

02

质感

米白、原木、炭灰——颜色来自自然,让人本能地感到安全。

03

呼吸

行高 1.85,段间距 120px。让内容像缓慢的呼吸,而不是急促的信息轰炸。

04

专注

660px 窄栏,单列阅读。人类的专注力是稀缺资源,不要浪费它。

第一阶段

感受留白

停下来,观察页面上哪里让你的眼睛感到放松。那里就是留白在工作的地方。

第二阶段

删减至核心

拿走一切「可能有用」的东西,只留下「必须在场」的东西。这个过程通常让人不安。

第三阶段

信任剩下的

当你停止添加,剩下的东西开始发出自己的光。这就是「間」的涌现时刻。

持续

维护克制

这不是一次性的决定,而是每次迭代时都要重新做出的选择。简约需要持续的勇气。

象牙白 #f5f0e8
原木浅棕 #ede5d6
麻布灰 #d4c8b2
墨绿近黑 #2c2c28
温暖炭灰 #5c5850
浅土灰 #9c9488
深森绿 #4a7c59
浅绿 #8ab89a