Canva 网站预览
Canva 网站预览

Canva

浅色基底、紧密字距与大幅图像展示。

页面以浅色为基底,搭配近黑色文字。字体采用 Times、Canva Sans。视觉特点包括紧密字距、大幅图像展示、扁平表面、非对称构图。适合参考的场景:设计作品集、创意服务介绍页。

查看原始网站

使用规范

建议采用

  • 使用满幅渐变面板作为产品功能的色彩舞台——让青到紫、珊瑚日落、翡翠草地、紫外地平线承载视觉重量,而非小图标点缀。
  • 所有正文文字使用Canva Sans 400字重,字号16–18px,行高1.5–1.57;Canva的语气是对话式的,而非压缩的。
  • 每个主要操作都应搭配一个实心白色或实心深黑按钮,圆角8px,内边距12px/20px,字重500——在主要行动号召(CTA)时,绝不使用彩色填充,以免与渐变面板冲突。
  • 所有卡片、按钮和标签控件默认采用8px圆角;为满幅渐变功能面板保留16px,为胶囊形控件和搜索字段保留9999px。
  • 在Canva Sans字体系列中保持统一的-0.0100em字间距;让字体本身的人文温暖发挥作用,无需进行激进的字间距调整。
  • 构建区块节奏为:白色空间 → 渐变面板 → 白色空间,区块间距为64px;这种交替是页面的标志性特征。
  • 将Canva Sans的几何形态与定制斜体手写体标志文字搭配用于品牌标识,斜体的曲线是系统中唯一偏离直线几何的元素。

建议避免

  • 主要行动号召按钮绝不使用彩色填充——仅限白色或深黑,以确保它不会与渐变面板产生冲突。
  • 不要使用厚重的投影阴影;Canva的层次感是轻盈的,带有蓝调叠加的rgba(24,44,89,0.07–0.14)和0.5px细线边框。
  • 不要使用Canva Sans 700及以上字重;系统最高仅支持600,大多数展示标题保持在400字重以保持温暖感。
  • 不要引入新的彩色强调色——应严格遵循品牌色板:Canva紫、深紫晶、炭红、等离子粉、太阳能橙。
  • 即使在展示字号下,也不要将行高压缩到1.25以下;人文风格的字体需要留出空间。
  • 不要在矩形元素上使用尖锐的0px圆角;系统始终保持圆角,8px是最低标准。
  • 不要用Times或Arial替代Canva Sans——这两者仅作为模板缩略图中图像渲染文字的备用支撑,不应用于页面UI。