编辑精选
当界面开始“变暖”：2026 年 Soft Modern 设计语言观察
从米白底、大圆角到接近零阴影的卡片，温暖感正在取代冷峻极简。这篇手记梳理了 12 个真实产品案例，拆解“有温度的内容界面”到底由哪些细节构成。
按你需要的方式，
找到对的参考
八个分类，覆盖从找灵感到落地的完整路径。不追求“全”，只留下真正用得上的。
✨
灵感发现
每日精选网页、品牌与编辑设计案例，先看气质，再拆细节。
🎨
配色方案
从温暖中性到低饱和强调色，成套取用的配色组合与色值参考。
📐
版式参考
落地页、作品集与长内容的栅格、留白和字号层级样本。
🧩
UI组件
卡片、按钮、导航与表单的真实产品截图，看状态，也看间距。
🖼️
插画素材
温和、克制、不喧宾夺主的插画与图形元素，适配内容型界面。
🔤
字体搭配
标题与正文的组合方案，中文与西文混排的节奏与比例。
🌀
动效灵感
克制的微交互与页面转场，让界面有回应，但不打扰。
🛠️
设计工具
Figma 插件、配色生成器与效率小工具，把时间留给判断。
平台资讯
91黄色上新的内容、工作流拆解和编辑手记。不追热点，只留值得反复看的东西。
02
配色方案库新增 18 套「低饱和暖调」组合
全部附带 CSS 变量，可直接复制到项目里。
03
版式参考：5 个编辑型落地页的留白节奏
从字号阶梯到段落间距，逐段标注。
04
Figma 插件清单更新：8 个安静但好用的工具
不制造焦虑，只解决具体的小问题。
05
卡片组件拆解：主推卡与普通卡的视觉层级怎么拉开
尺寸、阴影与留白的三组对照实验。
06
中文字体搭配：标题用黑体，正文用什么的 6 种答案
附行高与字间距的具体数值建议。
07
动效灵感：6 个不超过 200ms 的微交互案例
快、轻、不抢注意力，是同一件事。
08
插画素材包「Quiet Shapes」上线
几何、克制、可换色，适合内容型页面。
09
一个页面需要几种阴影？我们做了一组对照
结论可能和你想的不太一样。
10
91黄色编辑手记：为什么我们不再用纯白做页面底色
关于 #FAFAF8 和一点点暖意的由来。
11
响应式分类导航的 3 种处理方式，以及各自的代价
从横向滚动到下拉折叠的取舍。
相关资讯
和 91黄色 关注方向相近的行业动态、工具更新与设计观察，帮你把视野再往外推一点。
平台热点
91黄色上被反复打开、收藏和讨论的内容。数字不定义价值，但它确实说明了一些事。
01
米白底色 #FAFAF8 的 12 个真实页面样本
比纯白柔一点，比米黄干净一点。这个微妙的中间值正在成为内容平台的默认底色。
02
“主推卡 > 普通卡 > 小卡”的层级公式
不是所有卡片都该一样大。一组关于视觉重心和浏览动线的对照拆解。
03
紫罗兰 #7c3aed 在内容界面里会不会太“跳”
用 8% 透明度的浅背景托住，只在按钮和关键数字上实色出现，答案是刚好。
04
搜索框的 50px 胶囊圆角，为什么让人更愿意点
圆角传递的可点击预期，比直角更明确。但前提是输入区域的高度和字号配合得当。
05
阴影不是越淡越好：温暖阴影的参数边界
0 1px 3px 和 0 4px 12px 的叠加方式，比单一的大范围柔和阴影更有“纸感”。
06
中文字体 800 字重在大标题上的实际表现
clamp(40px, 6vw, 76px) 配合 -0.03em 字间距，是当前内容型首屏的舒适区间。
来自 91黄色 的使用者
他们在这里找参考、存配色、翻版式，也留下了一些真实的感受。
配色库的 CSS 变量直接能用，省掉了每次手动抄色值的时间。而且颜色组合是真的有人在用，不是摆着好看的。
本来只是找落地页参考，结果把“字体搭配”那个分类翻完了。中文正文的行高建议很具体，不用再猜。
插画素材的风格很统一，不会一个页面里几种画风打架。Quiet Shapes 那套已经用在一个内容站上了。
卡片层级那篇拆解挺实在的，主推卡和普通卡拉开差距不一定靠尺寸，留白和阴影的组合更有效。
平台资讯的节奏很舒服，不是一天推十条那种。偶尔来看看，反而每次都有能带走的东西。
动效案例给的时间参数很有用。很多灵感站只放视频，91黄色会把 ms 和缓动曲线标出来。
版式参考对新手很友好，不是只给成品截图，会解释为什么这里留白大、那里字号小。能学到判断的方法。
用了一段时间，发现 91黄色最难得的是“不催你”。没有那种红点焦虑，想看的时候打开，总能找到几个安静的参考。
插画素材的授权说明写得很清楚，商用边界不含糊。这一点比很多素材站都让人放心。
给团队新人推了 91黄色 的 UI 组件分类，比直接丢一堆 Dribbble 链接有用。真实产品截图和状态标注，学习路径更短。
紫罗兰那套配色我一开始觉得在内容站上会太强，试了一下把面积控制好，确实比想象中稳。91黄色自己的页面就是最好的例子。
希望以后能加一个“按项目阶段筛选”的功能。不过现在的分类已经比大多数灵感库清晰了，先继续用着。