Lottielab
近白色基底、大字排版与紧密字距。
Hellotime
白色基底、渐变展示与细线分隔。
页面以白色为基底，搭配近黑色文字。字体采用 SF Pro Display、SF Pro Text。视觉特点包括渐变展示、细线分隔、宽松留白、扁平表面。适合参考的场景：工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 正文设为16px/400和1.5行高，颜色为Ink（#151619）；元数据、辅助或次级文字都采用Smoke（#7f8491）。
- 所有卡片、分区和图像框采用16px圆角，按钮、输入框和导航元素采用8px。
- Electric Blue渐变只用于标题中的行内关键词强调，绝不要作为按钮填充或大面积背景。
- 每个分区只以Charcoal（#25272d）填充按钮作为唯一主要操作；其余操作均采用Pewter无填充或描边样式。
- 标题设为64–80px、700字重，字间距介于-1.2与-1.6px之间；正文保持16px、400字重，字号差距就是层级。
- 分区之间保持64–80px纵向节奏，卡片内部内边距为32px。
- 产品UI时间轴条带是页面唯一的饱和色来源，其余全部保持中性。
建议避免
- 不要将#0560fd或任何蓝色调作为平面按钮背景、卡片填充或大面积表面；渐变强调是唯一获准的强调色用法。
- 卡片或按钮不要采用投影、辉光或彩色抬升；系统刻意保持平面，层级来自边框和字重。
- 同一分区不要使用多种强调色；产品截图之外，只允许绿色标志和蓝色渐变这两个彩色元素。
- 任何UI元素的圆角不要超过20px；卡片上限为16px，更紧凑元素为8–12px。
- 正文段落不要居中；只将标题、CTA和简短标签文字居中。
- 不要用颜色传达状态；通过字重、填充或边框变化表达，如Mist色洗、Charcoal填充和Pewter边框。
- 不要引入衬线、展示或手写字体；系统只采用grotesque字体，依赖字重对比，而非风格对比。
