Jasper
白色基底、几何图形与衬线字形。
Sparkles
白色基底、手绘图形与细线分隔。
页面以白色为基底，搭配近黑色文字。字体采用 Gelica、Articulat CF。视觉特点包括手绘图形、细线分隔、衬线字形、分屏构图。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- #18181b（Zinc Ink）作为通用“墨色”，标题、导航文字、图标和唯一填充按钮都应取用这一值，以保持视觉一致。
- 小标签、徽标文案和大写元信息文字使用Articulat CF的0.28em字间距，宽字间距是系统标志性节奏。
- 每个容器都选用#e5e5e5极细线和10px圆角，卡片和输入框应有轮廓且平坦，不应抬高。
- Gelica 600仅用于36px及以上真正的标题场景，行高≤1.11；紧凑行距赋予字体编辑式分量。
- #54b16c只用于页脚带，绝不用于其他地方，唯一彩色块强化单色叙事。
- 在营销场景中让吉祥物插画承担所有品牌颜色，界面本身保持接近无彩色。
- 页面节奏构建为衬线标题＋无衬线副标题＋平坦描边卡片，这一三段节拍在每个区块重复。
建议避免
- 不要引入#54b16c以外的品牌色或强调色，1%色彩丰富度是特征，而非疏漏。
- 除按钮上唯一的rgba(0,0,0,0.05) 0 1px 2px实例外，不要使用投影；高度应来自边框而非阴影。
- 36px以下不要使用Gelica，衬线字体的个性在小字号下会减弱，并与Articulat CF竞争。
- Articulat CF正文不要使用0.28em字间距，这一字间距仅属于小标签和元信息文案。
- 正文标题不要使用#71717b或#52525c，两者仅用于图标、辅助文字和弱化元信息。
- 功能元素圆角不要超过14px或低于10px，10-14px范围就是系统完整的圆角词汇。
- 不要使用渐变填充、辉光效果或带色调阴影；美学刻意平坦，近似印刷品。
