Cap
浅色基底、细线分隔与分屏构图。
ClickUp™
白色基底、产品图像展示与渐变展示。
页面以白色为基底，搭配近黑色文字。局部操作控件以蓝色强调。字体采用 Plus Jakarta Sans、Inter。视觉特点包括产品图像展示、渐变展示、大字排版、居中构图。适合参考的场景：效率工具官网、协作产品介绍页。
查看原始网站使用规范
建议采用
- 所有展示文本（34px及以上）使用 Plus Jakarta Sans 字重650-800——厚重的字重搭配紧密的字间距，是品牌的排版标志。
- 所有按钮、标签和徽章默认设置为边框半径9999px——完全圆润的曲线是系统中最一致的几何特征。
- 使用 #202020（而非纯黑色 #000）作为填充型行动号召按钮和标题文字——这种轻微的柔和感比绝对黑色更显高端
- 所有 48px 及以上尺寸的显示文本应用 -0.04em 字间距——这种强烈的负字间距让标题显得自信而非怯场
- #6647f0 紫色仅用于品牌身份展示场景（徽章、Brain² 标签、品牌图标），绝不能作为主要操作的填充色。
- 保持 4px 为间距基准单位；所有内边距和外边距值需对齐 4 的倍数
- 使用1px实线#e8e8e8作为默认边框——按钮组件中出现88次，使其成为结构基准
- 为每页一个首屏区域元素添加旋转锥形渐变边框——克制使用能避免彩虹效果变成视觉干扰
建议避免
- 不要在大文本填充或背景中使用#000000——改用#202020（墨黑）或#090c1d（乌鸦黑）以获得更柔和的对比度
- 不要在同一组件层级中混合使用多个圆角值——如果按钮的圆角为9999px，那么所有按钮的圆角都保持为9999px
- Plus Jakarta Sans 不要用于小于 14px 的文字，否则小字会显得过于几何化；小号正文（body-sm）和图注应改用 Inter。
- 不要将品牌紫色#6647f0应用于主要操作按钮——该颜色仅出现在徽章和品牌标识上
- 不要在单个区域中叠加超过两个表面层级——系统依赖于扁平化的层级结构，而非深层阴影叠加
- 任何正文文本的字间距都不应大于0——正向字间距仅出现在大写等宽标签中
- 不要将Inter用作展示字体——在大字号时，它缺乏Plus Jakarta Sans的几何权威性
- 不要在卡片或板块背景中添加装饰性渐变——渐变仅应用于锥形边框动画和首屏文本
