Resend
近黑色基底、大字排版与细线分隔。
Rootly
白色基底、胶囊形控件与圆角卡片。
页面以白色为基底，搭配近黑色文字。字体采用 Ppmori。视觉特点包括胶囊形控件、圆角卡片、渐变展示、摄影展示。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 所有展示标题都使用 Ppmori，字重为 200，字号为 52px。轻声般的字重就是品牌声音，用粗体替换它会摧毁系统身份。
- 所有交互元素，包括按钮、输入框、标签和导航链接，都使用 1440px 圆角。整套系统必须坚持完整胶囊形。
- 通过四级层次叠放表面：Snow 画布 → Paper 卡片 → Wash 强调 → Edge 边框。不要引入新的表面颜色。
- 实心主要 CTA 和主导边框使用 #100f12。紫罗兰色只用于轮廓和强调，绝不作为大面积填充表面。
- 字间距保持紧密：展示文字为 -0.015em，正文为 -0.009em。更宽的字间距会破坏文字的几何张力。
- 渐变只留给首屏构图。系统其余部分保持平面、单色。
- 卡片通过 1px 的 #ebe5ff 或 #d9cffa 边框定义，不使用阴影。悬浮效果只用于产品展示物。
建议避免
- Ppmori 不要使用字重 400、700 或 800。系统只有三种字重，即 200、500、600，字重之间的间隔是有意设计。
- 不要用 #8d6fde 填充大型表面。紫罗兰色是轮廓与边缘色，大面积铺色会像另一个品牌。
- 卡片不要使用小于 34.6px 圆角的锐利形态。0-6px 之间的任何值，都像另一套设计系统。
- 任何字号的字间距都不要大于 -0.005em。正文字号下的正字间距会破坏几何紧凑感。
- 平面界面元素，包括卡片、输入框和导航，不要添加投影。阴影只属于漂浮的产品展示物。
- 不要引入辅助品牌色。配色刻意采用墨色与紫罗兰色的双色组合，加入蓝绿色、珊瑚色或绿色强调，会割裂系统。
- 长篇正文不要居中。标题可以居中，但正文段落应采用 14-16px、#65646e，并保持左对齐。
