Attio
白色基底、紧密字距与细线分隔。
Specify
明暗对比、胶囊形控件与圆角卡片。
页面兼有浅色与深色区域。字体采用 Inter、Fira Code。视觉特点包括胶囊形控件、圆角卡片、渐变展示、网格布局。适合参考的场景：设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 每个区块与首屏标题都使用 Inter Bold，字号为 48–64px，字间距为 -0.016em 至 -0.021em。
- 默认操作形态采用胶囊按钮：40px 圆角、10px 20px 内边距，以及 14px 的 Inter SemiBold。
- #624de3 留给强调文字、图标描边和焦点高亮，绝不填充整片界面框架表面。
- 表面层级按 #151718 深色首屏 → #ffffff 内容 → #f6f7f9 色带区块 → #f1eefe / #e5fbeb / #feeadd 用户证言卡片排列。
- 所有交互元素都采用双层阴影叠层，即 1px 接触阴影加 4–16px 环境阴影。
- 间距保持 8px 网格：元素间距为 8px，卡片内边距为 24px，区块间距为 40–80px。
- 按钮圆角对应 40px 胶囊，卡片对应 16px；绝不把锐利 4px 角混入卡片或按钮。
建议避免
- 不要将实心紫罗兰 #624de3 作为整块按钮背景。主要操作是深板岩色 #1a1d1e 胶囊。
- 不要引入用户证言轮播中 iris/fern/cobalt 三色之外的第二种彩色强调。
- 不要使用强模糊阴影。阴影保持 1–2px + 4–8px 的双层模式。
- 白色表面上的正文不要大于 16px 或小于 14px。字体尺度是有意设计。
- #f1eefe、#e5fbeb、#feeadd 柔粉彩表面色，不要用于用户证言轮播之外的场景。
- 小于 24px 的字号不要设置字间距。负字间距只留给展示与标题层级。
- 首屏 3D 场景之外，不要添加摄影、作为背景的渐变或装饰插画。
