可持续 · 疗愈系界面

让界面像森林一样
自由呼吸

大地棕、森林绿与天空蓝交织,16–24px 的有机圆角与流动曲线,柔和的自然投影——为健康、冥想与环保品牌注入平静的生命力。

类别通用 UI 年代2020s 可持续设计 复杂度 最适合健康 · 冥想 · 有机食品品牌 无障碍WCAG AA

核心视觉指纹

自然从不使用直角——本风格的一切轮廓都在模仿溪流、叶脉与卵石。

有机曲线

非对称 border-radius 让每张卡片如鹅卵石般独一无二,圆角在 16–24px 间自然变化。

自然光影

0 8px 32px 的柔和投影模拟树冠下的漫射光,克制而温润,绝无生硬的黑色描边。

大地色系

森林绿、泥土棕与天空蓝取自真实自然采样,搭配米色底纹传递木与石的温度。

按钮与控件

圆润饱满的胶囊控件,交互反馈如植物生长般缓慢而确定。

碳中和 晴 22°C

预约一次森林浴

留下联系方式,向导会带你走进最近的一片原生林。

配色板

森林绿#228B22
深林绿#1B6E1B
大地棕#8B4513
天空蓝#87CEEB
亚麻米#F5F5DC

字体级阶

显示级 · Fraunces 700 · clamp(36–54px)

森林在呼吸

标题 · Fraunces 600 · 26px

苔藓覆盖的石阶小径

正文 · Nunito 400 · 16.5px

晨雾还未散去,露水沿着蕨类的叶尖滑落。走进森林的第一分钟,心率便开始随着风声与鸟鸣慢慢平缓下来。

标签 · Nunito 800 · 14px

Grove · 第 42 号林区