Lottielab
近白色基底、大字排版与紧密字距。
Google for Education
近白色基底、胶囊形控件与紧密字距。
页面以近白色为基底，搭配近黑色文字。字体采用 Google Sans Display、Google Sans Text。视觉特点包括胶囊形控件、紧密字距、宽松留白、分屏构图。适合参考的场景：工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 所有填充和透明描边按钮采用200px圆角，保持定义系统的胶囊形。
- 展示标题设为80px、-0.8px字间距和1.09行高，大尺度的紧凑字间距是标志性特征。
- 正文采用正字间距：16px时为0.272px，12px时为0.432px，字号越小字间距越疏。
- 所有交互蓝色采用#1a73e8，包括链接、图标、填充按钮、标签页指示符和激活导航下划线。
- 区块以64–80px留白分隔，不使用分隔线；画布统一，节奏来自间距。
- 功能面板卡片圆角设为24–28px，模态框8px；这两种圆角之间的差异是刻意选择。
- 正文默认400字重，强调500，正文绝不使用700。
建议避免
- 不要为卡片或面板引入阴影，高度来自表面颜色变化，而非box-shadow。
- 每个视口不要有超过一个填充按钮，次要操作搭配透明描边胶囊。
- 除Classroom品牌标志和明确的成功状态外，不要使用绿色（#188038），它不是通用强调色。
- #1a73e8不要用于装饰背景或大面积表面填充，它是交互颜色，仅用于状态。
- 展示标题不要超过80px，也不要使用700字重；80px、400字重展示文字是上限。
- 不要添加渐变；系统平坦，唯一颜色变化是产品截图背后柔和的#e8f0fe浅色。
- 正文字间距不要低于0，负字间距仅用于22px及以上文字。
