Attio
白色基底、紧密字距与细线分隔。
Prismic
白色基底、细线分隔与分屏构图。
页面以白色为基底，搭配近黑色文字。局部操作控件以紫色强调。字体采用 copyFont、Prismic Headings (custom)。视觉特点包括细线分隔、分屏构图、网格布局。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 所有分区和展示标题都采用Prismic Headings的56px / 40px / 32px / 28px，以及-0.025em字间距；该家族标题绝不要高于56px或低于22px。
- 每个按钮都采用12px 24px内边距和8px圆角；纵向内边距绝不超过12px，也不偏离8px圆角。
- 四组粉彩色洗与奶油色严格配对：Lavender Wash（#e8c7ff）配Lavender Cream（#f5e6ff），Sky Wash（#c3eefe）配白色，Peach Wash（#fcdac4）配Peach Cream（#fef1e9），Mint Wash（#d4f2e9）配Mint Cream（#e8f8f3）；同一卡片不要跨配冷暖粉彩。
- 深色工作坊横带保持#151515，配白色悬浮卡片；横带内部不引入渐变、图案或图像，对比反转本身就是视觉陈述。
- 开发者侧强调采用Prismic Violet（#8e44ec），营销者侧强调采用Prismic Blue（#59b5f8）；同一元素绝不要同时使用两种彩色。
- 长篇分区正文设为18px、1.56行高，导航、列表和卡片等密集语境为16px、1.50行高。
- 满宽分区之间保持64px纵向间距，卡片内部32px内边距，桌面端分区间隙不要压到48px以下。
建议避免
- Prismic Violet、Prismic Blue或Prismic Green不要作为填充按钮背景；它们只用于边框与文字强调，主要操作保持Graphite #151515。
- 卡片、按钮或导航不要引入投影；抬升必须来自对比反转、粉彩边框或炭灰横带。
- 每个分区不要使用超过一种彩色；选择紫罗兰、蓝或绿作为分区语气，让其他颜色休息。
- 字号不要低于14px或高于56px；Prismic Headings家族止于56px展示，文案家族止于14px说明。
- 首屏或功能分区不要使用全彩摄影；图像必须是配2px黑色轮廓的等距3D插画，或灰阶文字标志。
- 卡片圆角不要高于12px，也不要低于12px。12px是唯一的卡片圆角规则；不要混入16px或8px的卡片。
- Prismic Violet文字不要配Prismic Blue边框，也不要跨温度混合色洗与奶油粉彩；两种彩色语气紫罗兰和蓝，以及四组粉彩配对，都必须内部一致。
