Design System — 设计系统
森林呼吸
日本美学中的「間」(Ma),是空间里有意留下的空白——不是缺席,而是一种在场的方式。 每一处留白,都是让事物呼吸的时刻。
灵感来自晨雾、旧纸、落叶,以及沉默也有重量的树林。
这套设计语言拒绝装饰,拒绝视觉噪声。它相信留白是内容,相信字体的重量就是情绪, 相信一段文字在足够宽的行高里,读者会自然放慢呼吸。它不试图打动你, 它只是在这里,像一片安静的林子。
Typography — 字体层级
Display / 衬线大标题
在寂静中,万物开始说话。
Heading / 衬线标题
留白是思想得以呼吸的空间
Subheading / 无衬线小标题
每一个段落都值得被仔细对待
Body / 正文
文字不是装点页面的图案,它是思想的载体。当行高足够宽,字号足够温和, 颜色足够克制,读者的眼睛就会放松,注意力就会真正落在词语上,而不是被设计本身打扰。 这就是「无为而为」的设计哲学。
Caption / 辅助文字
细节注释,版权说明,时间戳,以及一切不需要被强调、却也不应消失的信息。
Blockquote — 引用块
美,不是事物被加上了什么,而是被减去了什么之后,剩下的那个核心。 简约不是贫乏,而是找到了真正重要的东西,并且有勇气只留下它。
— 对「間」哲学的一种理解
Cards — 价值卡片
克制
每增加一个元素之前,先问:它的缺席是否让整体更好?
质感
米白、原木、炭灰——颜色来自自然,让人本能地感到安全。
呼吸
行高 1.85,段间距 120px。让内容像缓慢的呼吸,而不是急促的信息轰炸。
专注
660px 窄栏,单列阅读。人类的专注力是稀缺资源,不要浪费它。
Timeline — 时间线
第一阶段
感受留白
停下来,观察页面上哪里让你的眼睛感到放松。那里就是留白在工作的地方。
第二阶段
删减至核心
拿走一切「可能有用」的东西,只留下「必须在场」的东西。这个过程通常让人不安。
第三阶段
信任剩下的
当你停止添加,剩下的东西开始发出自己的光。这就是「間」的涌现时刻。
持续
维护克制
这不是一次性的决定,而是每次迭代时都要重新做出的选择。简约需要持续的勇气。
Colors — 色彩体系