Free Resume Builder 网站预览
Free Resume Builder 网站预览

Free Resume Builder

白色基底、渐变展示与分屏构图。

页面以白色为基底,搭配深蓝色文字。字体采用 TT Commons。视觉特点包括渐变展示、分屏构图、居中构图、大字排版。适合参考的场景:效率工具官网、协作产品介绍页。

查看原始网站

使用规范

建议采用

  • 在中性背景上仅使用 Signal Blue(#1a91f0)作为唯一色彩强调;让薰衣草、薄荷绿和桃粉的淡彩承担次级色彩体系。
  • 将展示标题设置为 67px 字号,行高 0.96,字间距约 1.4px——紧密的行距是海报式的设计特征。
  • 所有主要按钮的圆角设置为 36px,卡片元素为 16–20px;图标和输入控件保留 4px 圆角。
  • 通过 80px 的垂直间距构建区块节奏,背景采用从白色到 Mist 的渐变——绝不使用阴影或分隔线。
  • 首屏标题中仅允许一个蓝色词汇嵌入原本为墨色的句子中——这个蓝色词是重点。
  • 正文使用 TT Commons(或 Inter)400 字重,UI 控件使用 500–600 字重;600 字重仅用于短标签和标题。
  • 每个区块以 4 格特征卡片行或带色调的工具卡片固定锚点——该模式如同工作表检查清单般重复出现。

建议避免

  • 不要引入阴影、渐变或玻璃态设计——系统刻意保持扁平、无阴影。
  • 每屏最多仅使用一个色彩强调色;Iris 绝不能与 Signal Blue 同时出现作为竞争性行动号召。
  • 正文行高不得高于 1.43,标题行高不得低于 0.96——两者均破坏海报式的节奏。
  • 不要将输入框、图标或小标签圆角设为 36px——该圆角仅属于主要按钮,其他位置会显得误触目标。
  • 正文部分不要使用 Carbon(#0f141e);仅保留用于标题和页脚标记,以维持对比度层级的可读性。
  • 不要在 Haze 与 Chalk 之间增加第三个中性色——该色阶已有六个等级,增加第七个会导致中等灰度模糊不清。
  • 67px 的展示字号仅允许出现在首屏或单个区块开头;该尺寸体系是为每屏仅一个突出展示而校准的。