Krepling
白色基底、宽松留白与扁平表面。
Clerk
近白色基底、渐变展示与紧密字距。
页面以近白色为基底，搭配近黑色文字。字体采用 soehneMono、Geist。视觉特点包括渐变展示、紧密字距、宽松留白、网格布局。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 所有填充型主要行动按钮和标题强调文字必须使用 #6c47ff，禁止用于任何大于标签尺寸的装饰性背景。
- 32px 及以上的标题使用 Geist，字间距为 -0.035em；18-24px 的副标题则调整为 -0.015em。
- 大卡片和弹窗使用16px圆角，按钮和输入框使用6px圆角，而标签和徽章严格使用9999px圆角。
- 在深色产品区域（#212126 画布）中，仅使用内嵌白色闪烁阴影（rgba(255,255,255,0.024)）作为边框处理——不设置明确的 border-color。
- 仅将首屏径向渐变（紫色→黄色→青色→透明）作为全宽区域淡染底色使用，保持不透明度低于0.25。
- 所有代码组件引用均使用Söhne Mono字体，并设置+0.10em字间距，搭配尖括号语法，颜色为紫色（#6c47ff）。
- 将所有页面内容限制在最大1200px的容器内；各部分垂直间距应为64-80px。
建议避免
- 不要将Electric Violet（#6c47ff）用作任何大于按钮或徽章的背景填充——它的优势来自于稀缺性。
- 不要使用纯黑色（#000000）作为正文文字颜色——始终使用#131316（Void Black）或#5e5f6（Graphite）以确保在白色背景上的阅读舒适度。
- 不要将双面系统简化为单一的浅色或深色主题——页面上必须同时存在浅色营销区域和深色产品预览卡片。
- 不要为深色 黑曜石色 卡片应用深色卡片阴影（rgba(47,48,55,0.2) 0px 15px 35px -5px）——这些卡片仅使用内嵌的闪烁效果，没有外扩阴影。
- 不要将圆角设置为除 6px、8px、12px、16px 或 9999px 以外的值——该设计中没有 4px 或 24px 的圆角。
- 不要在代码片段、组件标签和终端字符串之外使用 Söhne Mono——正文内容始终使用 Geist。
- 不要在浅色背景的节标题后添加装饰性颜色填充——只有首屏渐变区域允许使用颜色晕染。
