Readymag
设计师的编辑性创作空间——一个克制的白底外壳，围绕着鲜明、具有杂志级质感的色彩区块展开。
Itsnicethat
桌上的艺术学校大报。近白页面以单色文字装点，唯一紫罗兰强调用于导航，鲜明 Risograph 印刷作品则从网格中迸发。
It's Nice That 像一个安静的编辑新闻室：近白画布上，只有一抹紫罗兰脉冲。几乎每个表面都是无彩色，包括暖灰白、纯白和近黑文字；颜色像墨水一样受到限制，只作为搜索按钮、悬停或满幅编辑摄影上的功能标点。文字承担主要表现，宽字间距展示字体 LabilVariable 为每个标题和标签保留宽裕空气，创造杂志般节奏；Bradford 则让紧凑正文与界面文字贴紧网格。组件刻意平面、紧凑，没有阴影，控件为 75px 圆角胶囊，内边距紧凑在 10–20px 之间，让彩色插画和摄影内容始终是主角。整体像翻阅一份印刷艺术学校大报，界面框架克制，艺术作品响亮。
查看原始网站使用规范
建议采用
- 任何标题或展示文字都使用 LabilVariable，字间距从 11px 时的 0.025em，放宽到 40px 时的 0.091em。宽间距必须坚持。
- 所有按钮、标签和导航胶囊都设为 75px 圆角。胶囊形是系统主要控件标志。
- Signal Violet #8147ff 只用于搜索按钮和激活状态，界面其余部分保持无彩色。
- 表面仅通过明度叠放：#f0efef 画布 → #ffffff 卡片 → #faead9 暖色带。绝不用阴影创造纵深。
- 正文使用 15–17px 的 Bradford，紧密字间距为 0.005–0.027em。它与 LabilVariable 宽间距的对比，构成文字节奏。
- 垂直节奏保持紧凑，元素间距为 10px，卡片内边距为 20px，区块间距为 40px。网站是编辑信息流，而不是落地页。
- 让摄影和插画承担全部视觉颜色，克制添加彩色界面元素的冲动；艺术本身就是颜色。
建议避免
- 任何组件都不要添加投影、发光或模糊。纵深来自表面明度，而非悬浮。
- Signal Violet 不要用于背景、边框或插画等装饰用途。它表示交互，散落使用就会失去含义。
- 正文或界面文字不要采用宽字间距。LabilVariable 的开放间距只留给标题、标签和导航文字。
- 卡片、图像或缩略图不要添加圆角。75px 胶囊只属于交互控件。
- 不要引入新中性色，只使用既有尺度：主要色 #2b2b2b、次要色 #676767、第三级 #555555、分隔线 #c2c2c2、占位符 #929292。
- 除编辑摄影本身外，文字、边框或背景不要使用鲜明彩色。
- 正文行高不要放宽到超过 1.53。紧凑垂直节奏是信息流密度感的核心。
