Tines
暖白色基底、衬线字形与紧密字距。
Whimsical
浅色基底、渐变展示与紧密字距。
页面以浅色为基底。字体采用 Agrandir、Manrope。视觉特点包括渐变展示、紧密字距、居中构图、网格布局。适合参考的场景：效率工具官网、协作产品介绍页。
查看原始网站使用规范
建议采用
- 所有主要按钮、导航边框和标题文字都使用 Deep Plum #250835，同时承担品牌与主要操作角色。
- 展示标题使用 Agrandir 700，字号为 48-96px，字间距为 -0.01em。Agrandir 不要小于 24px。
- 所有按钮、导航胶囊和行内链接都采用 12px 圆角。标志性小圆角让界面紧凑。
- Vivid Violet #ab2fed 留给行内链接、分享按钮和产品图标，绝不用在大型背景或首屏填充中。
- Plum-to-Pink 或 Aurora 渐变只用于满幅区块背景，绝不用作小型强调或按钮填充。
- 阴影采用 rgba(37,8,53, x)，带梅紫色调，绝不使用中性灰。不透明度保持 ≤0.2。
- 所有默认 1px 边框和分隔线都采用 Lavender Mist #ebe6ee，不引入 #e5e5e5 或其他中性灰。
建议避免
- 标题不要采用无衬线展示字体。Agrandir 宽阔、几何化的字符集才是标志，替换为普通粗无衬线会失去品牌。
- 首屏或区块背景不要采用平面实心色填充。渐变铺色才让区块符合品牌。
- 鲜明 Violet 不要用作正文或长篇文案背景，只留给简短交互元素。
- 不要引入新圆角。系统采用 8px 图像、12px 按钮与导航、16px 卡片，以及 9999px 胶囊与徽章。
- 不要使用冷蓝或中性灰阴影。阴影必须带梅紫色调 rgba(37,8,53,…)，才能符合品牌。
- 文字或背景不要使用纯黑 #000000。Deep Plum #250835 已经是系统最深颜色。
- Vivid Blue #0283ec 不要用于产品画布之外的界面框架。它存在于图表和图标内部，而不在营销页面上。
