Lottielab
近白色基底、大字排版与紧密字距。
Calendly.com
近白色基底、细线分隔与分屏构图。
页面以近白色为基底，搭配深蓝色文字。局部操作控件以蓝色强调。字体采用 Gilroy。视觉特点包括细线分隔、分屏构图、网格布局、产品图像展示。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有文本使用 Ink Navy #0b3558，永远不要使用纯黑色 #000000，否则会破坏系统的温暖感
- 将 Signal Blue #006bff 专用于填充型主要行动按钮（CTAs）；次要深色按钮则使用 Ink Navy
- 所有卡片的边框圆角设置为 16px（产品卡片）和 24px（功能面板）
- 将三层蓝调阴影叠加应用于任何位于画布上方的提升表面
- 在首屏区域和节区标题中使用 Gilroy 700 字重，字号范围 50–80px——过小的标题会削弱页面的编辑感
- 每个产品视觉均置于珊瑚粉或天空青装饰性斑块前，斑块偏移 20–40px
- 按钮设置为8px圆角——不是4px（过于尖锐），也不是过度圆润的圆角（过于柔软），以契合该系统的整体风格
建议避免
- 不要使用 #000000 作为文本颜色——始终选择 Ink Navy #0b3558 或 Slate Gray #476788
- 不要使用中性黑（rgba(0,0,0,...)）添加阴影——所有层级提升必须使用蓝调阴影基底
- 不要将装饰性粉红/青色斑块用作UI元素填充——它们仅作为氛围存在，不具备功能性颜色
- 按钮圆角不要设置在 12px 以上或 4px 以下——8px 是该系统的锐利但柔和的平衡点
- 标题字号不要低于 38px（H2）或 24px（H3）——字体层级刻意跳过小标题
- 不要使用 #004eba 作为CTA颜色——它看起来是信息提示，而非可操作的行动
- 不要在背景中添加渐变——该系统仅包含平铺表面和基于阴影的层级提升
- 不要在同一表面同时使用 Signal Blue 和 Ink Navy CTA 按钮，除非有足够的间距——在近距离下两者会相互干扰
