Home
白色基底、衬线字形与胶囊形控件。
Typeform
近白色基底、紧密字距与衬线字形。
页面以近白色为基底，搭配深紫色文字。字体采用 Tobias、TWK Lausanne。视觉特点包括紧密字距、衬线字形、分屏构图、居中构图。适合参考的场景：专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- 所有展示类标题均使用 Tobias 400 字重，搭配负字间距（-1.98px，64px 为最小值），禁止替换为更重的无衬线字体。
- #9454ab 仅用于区块眉题标签，采用大写TWK Lausanne 14px，绝不用于按钮、链接或背景。
- 所有按钮变体统一使用12px圆角，所有卡片容器使用24px圆角 — 任何UI中禁止使用胶囊形（9999px）或锐利边缘（0px）圆角。
- 交替使用深色表面（#2a222b）与浅色表面（#faf9fb / #f5f3f6）——禁止连续两个深色区块或两个同色调浅色区块连续出现。
- 在所有尺寸下保持 TWK Lausanne 字体的特征设置为 '"clig", "liga", "ss01", "ss11"' — 这些替代字形是品牌身份的一部分。
- 所有主要文本与深色背景均使用 #2a222b（非纯黑色 #000000）——其温暖的紫罗兰底色是品牌的色彩标识。
- 无论所在板块，CTA按钮均保持近黑色填充——在深色背景上使用 #faf9fb 文字与 #faf9fb 边框；在浅色背景上保持相同填充，无变化。
建议避免
- 禁止在按钮、悬停状态或背景中使用饱和紫色（#9454ab、#b66dd5）——该色彩仅存在于分类标签的文本中作为排版墨色。
- Tobias不要用于正文、图注或UI标签，它仅用于展示，所有功能文字都采用TWK Lausanne。
- 禁止为卡片或按钮添加阴影——层级感通过深色与浅色背景的对比表达，而非阴影。
- 禁止在 TWK Lausanne 中为标题使用600及以上字重——过重的无衬线字体与 Tobias/Lausanne 配对所建立的编辑性调性相悖。
- 禁止使用胶囊形按钮（border-radius > 12px）作为CTA——12px圆角刻意保持低调，以确保文字主导，而非按钮形状。
- 禁止在大内容区块后方使用彩色背景（紫色、绿色、黄色）——仅允许使用 #2a222b、#faf9fb、#f5f3f6 和 #ffffff 作为有效板块背景。
- 禁止在展示标题中不设置负字间距——Tobias 在无负值字间距（-0em）下显得古板；负字间距的收紧才是其现代感的来源。
