Lottielab
近白色基底、大字排版与紧密字距。
Clay
白色基底、胶囊形控件与大字排版。
页面以白色为基底。字体采用 Roobert、Phosphor。视觉特点包括胶囊形控件、大字排版、紧密字距、分屏构图。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有显示标题（44px及以上）使用 Roobert 700 字重——大尺寸下的厚重感是其标志性特征
- 在任何 32px 及以上大小的文本上应用 -0.02em 或更紧的字间距；在 13px 及以下的全大写标签上使用 +0.09em
- 将主要行动按钮设置为黑色胶囊形控件，半径 1584px，内边距 8px/16px，文字为白色
- 将生动的彩色（青色、琥珀色、信号色、水色、钴蓝、森林绿、洋红）仅用于证言和社交证明卡片的背景——绝不用于按钮、链接或功能性UI
- 不同表面之间使用 1px 沙色（#dad4c8）边框分隔，而非阴影——系统设计为扁平化
- 所有行内链接和正文中的强调关键词使用紫罗兰脉冲色（#3859f9）
- 保持卡片圆角在 12–40px 范围内；紧凑信息卡片使用 12px，特性面板使用 24px，满幅填充的证言卡片使用 40px
建议避免
- 不要为卡片或面板添加阴影——分隔来自边框，而非抬升
- 不要在按钮、表单输入或状态指示器中使用饱和色（青色、橙色、青绿色等）
- 不要将正文文字设置在 16px 以上而不收紧字间距——大尺寸需要负字间距以保持整体协调
- 不要将冷灰边框（#e6e8ec）用于装饰性或大表面分隔线——仅用于输入框和小型UI元素；其他情况使用暖沙色（#dad4c8）
- 不要破坏主要行动按钮的胶囊形状——1584px 半径是核心行动按钮的不可妥协标准
- 不要在 400 字重以下使用 Roobert——该字体设计强调重量感，轻量级字重不属于该系统
- 不要将两个生动的彩色证言卡片相邻放置——应以白色或奶油色面板隔开，让色彩有呼吸空间
