Attio
建筑风格的白大理石主题
Tally Forms
笔记本草图在温暖纸上——灰色纸面画布上散落着洋红手绘标记，搭配居中的编辑式标题。
Tally的视觉系统呈现出‘笔记本草图在温暖纸上’的感觉——一种安静、编辑式的界面，其中温暖的灰色画布（#e0e0df）承载着白色卡片表面，其余元素都退居幕后，以便让一抹明亮的洋红（#f81ce5）完成情感表达。这抹洋红仅用于插画笔触、图标轮廓以及特征卡片上的偶尔装饰边框——它从不填充按钮。转化动作由单一经典蓝色（#0070d7）完成，将品牌表达与操作表达分离开来。字体采用Inter，覆盖宽范围字重，字间距收紧至-0.031em，搭配64px的展示标题，整体感觉更像杂志头版而非SaaS首屏。手绘波浪线、下划线以及星形或礼花装饰元素漂浮在页边，使页面边缘呈现出草稿本的质感，而非留白。卡片采用白色平铺于温暖灰底，搭配微妙的暖调阴影堆叠，圆角为10px，整体节奏舒适——间距 宽松，首屏居中，随后为2 栏特征内容。
查看原始网站使用规范
建议采用
- 所有主要操作按钮必须使用#0070d7，禁止将洋红或其他任何色彩用于填充。
- 仅将#f81ce5用于线稿、图标笔触、装饰性卡片边框及偶尔的高亮环；它绝不能作为按钮填充或大面积背景使用。
- 所有标题均使用Inter 700–800字重，字间距-0.031em——正是这种紧密的字间距让64px的展示标题显得编辑化而非企业化。
- 当卡片需要呈现产品表面质感时，搭配白色10px圆角卡片与四层暖色阴影堆叠；对于更简单的特征卡片，则使用单层3px/12px阴影。
- 在页面边距中使用Ink和洋红的1.5–2px笔触浮动呈现手绘草图和下划线装饰——这些元素应显得松散、偏移中心，而非网格对齐。
- 保持页面画布为#e0e0df，由白色卡片承担视觉主导——避免引入除Mist（#f3f3f3）层级之外的额外灰色表面层次。
- 所有按钮、输入框和标签使用7px圆角，所有卡片使用10px圆角——这两个数值定义了系统的圆角语言。
建议避免
- 禁止将#f81ce5用作按钮背景、链接色或正文文本颜色——它是一种装饰性和表现性的色彩，而非界面填充色。
- 禁止引入新的色彩强调（绿色、橙色、紫色）——该系统刻意仅使用两种主色（蓝色用于操作，洋红用于表达）加上温暖中性色系。
- 禁止使用纯黑色（#000000）作为正文文本——正文文本色为Ink（#37352f）；仅将黑色用于标题边框和深色页眉按钮。
- 禁止在标准卡片上使用大范围厚重阴影或彩色光晕——仅保留暖调1px边框+柔和模糊堆叠作为唯一提升语言。
- 禁止在下部特征区域将正文居中对齐——卡片和段落应左对齐，以保持编辑式阅读节奏。
- 禁止将草图装饰扩展为满幅横幅或首屏背景——它们是页边装饰，而非主要视觉内容。
- 禁止将卡片圆角设为16px或更大，禁止将按钮圆角设为胶囊形（9999px）——10px和7px是系统的圆角语汇。
