Tuple
近白色基底、等宽文字标注与产品图像展示。
Toggl Track
白色基底、胶囊形控件与大字排版。
页面以白色为基底，搭配近黑色文字。字体采用 Inter、GT Haptik。视觉特点包括胶囊形控件、大字排版、扁平表面、居中构图。适合参考的场景：效率工具官网、协作产品介绍页。
查看原始网站使用规范
建议采用
- 每个首屏或区块标题恰好使用一个 Magenta 强调词，并设为 GT Haptik Rotalic；这是品牌的标志动作。
- 所有主要操作按钮与导航控件使用 26px 圆角；200px 仅留给胶囊形元素、标签与试用行动按钮。
- 展示字号（43px+）行高不超过 1.2；紧密行高让 GT Haptik 密实而自信。
- 通过 Plum 与 Bone 条带对比建立深度，不使用阴影。Bone 表面上的卡片使用 1px Silver 边框。
- 首屏下方所有文字使用 Inter：正文、标签、表格单元格、导航。GT Haptik 只用于展示与区块标题。
- 内容区块使用 Bone #fefbfa，首屏、页头和页脚使用 Plum #2c1338；画布只有这两种颜色。
- 每屏只分配一个 Magenta 元素：行动按钮、强调词、选中状态或装饰圆点，绝不同时出现两个。
建议避免
- 卡片、按钮或模态框不要使用投影；设计语言以表面色调对比保持平面。
- 粉色强调词不要使用直立的 GT Haptik；必须使用 Rotalic 变体才能传达戏剧意味。
- Magenta 不要用作背景色层、渐变或大面积填充；它只出现在填充按钮、强调词与小圆点上。
- 不要引入第二种强调色。系统是单色紫加一个聚光灯粉色，添加蓝绿色、绿色或橙色都会破坏双色调。
- 背景不要用纯白 #ffffff；画布使用 Bone #fefbfa。纯白在温暖色调旁显得冰冷，也缺少品牌感。
- 圆角不要小于 10px 或大于 200px。系统只有三种：10px 用于卡片和输入框，26px 用于按钮，200px 用于胶囊形元素。
- 展示标题行高不要超过 1.25；疏松行高会让 GT Haptik 显得轻盈，削弱密实、自信的声音。
