Lottielab
近白色基底、大字排版与紧密字距。
Cal.com
近白色基底、居中构图与网格布局。
页面以近白色为基底，搭配近黑色文字。字体采用 Cal Sans、Cal Sans UI Variable Light。视觉特点包括居中构图、网格布局、大字排版、产品图像展示。适合参考的场景：产品介绍页、品牌展示页。
查看原始网站使用规范
建议采用
- 标题（20px及以上）必须使用‘Cal Sans’ 600粗细字体。
- 99%的UI界面采用严格的单色调（墨水、灰石、 蓝灰色、纸张、白色）。
- 使用 胶囊形 形按钮（9999px 半径）用于所有主要和次要页面的行动号召按钮。
- 为所有内容卡片和大容器设置 12px 的圆角。
- 使用微妙、柔和的阴影（`rgba(36, 36, 36, 0.05) 0px 4px 8px 0px`）实现层级感。
- 正文使用 'Cal Sans UI Variable Light' 字体，并设置紧密的负字间距。
- 保留单个‘行动蓝色’（#0099ff）用于次级链接或信息强调部分。
建议避免
- 不要在核心界面中引入任何新颜色；颜色仅限于标志和单个蓝色强调色。
- 按钮或卡片不要使用尖角。
- 不要使用600以上的字重。
- 不要使用传统的描边按钮；请使用实心的‘墨色’或‘透明描边’圆角按钮。
- 不要在任何按钮或卡片背景上使用渐变。
- 不要在卡片上使用边框；使用阴影来实现分隔。
- 不要将正文文本设置为‘Cal Sans’；该字体仅用于标题。
