Canva 网站预览
Canva 网站预览

Canva

白色基底、圆角卡片与渐变展示。

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

查看原始网站

使用规范

建议采用

  • 正文文字使用 Canva Sans 400,16px,行高 1.4–1.5,颜色 #0f1015
  • 所有 36px 及以上显示文本应用字间距 -0.018em;正文使用 0 或 -0.01em
  • 卡片和标准按钮使用 8px 圆角,胶囊形控件和分类标签使用 9999px
  • 默认使用白色页面背景,仅在首屏带状区域、功能卡片和装饰标签中使用颜色或渐变
  • 每个填充紫罗兰色的交互动作均搭配白色文字且无阴影——颜色本身已承担表达功能
  • 在 Canva Sans 字体中全局激活 "ss02" 和 "ss03" 字体特性,以保留定制字形
  • 卡片内元素间距为 12px,主要区块间间距为 80px,内容最大宽度限制为 1200px

建议避免

  • 不要将 Canva Sans 替换为 Times、Arial 或任何衬线字体——几何人文风格是品牌的核心
  • 不要在紫罗兰色或渐变功能卡片上添加阴影——按设计,它们应被视为平面色块
  • 不要在按钮或交互式行动号召(CTA)中使用强调色橙色、粉色和红色——保留这些颜色用于标签、图标和渐变的辅助色
  • 不要将显示标题的字间距减少到正常或正值——负字间距正是让 56–84px 字体呈现海报感的关键
  • 不要在卡片上添加厚重边框或 2px 以上的线条;系统依赖渐变填充与 8px 圆角来定义边界
  • 不要将 #000000 作为主要文字颜色——#0f1015 是品牌选定的近黑色,以实现略微柔和的阅读体验
  • 单个区块内不要使用超过三种强调色;选择一种紫罗兰色、一种暖色强调色,其余由渐变完成