Waka Waka 网站预览
Waka Waka 网站预览

Waka Waka

暖白色基底、细线分隔与扁平表面。

页面以暖白色为基底,搭配深灰色文字。字体采用 Waka Sans。视觉特点包括细线分隔、扁平表面、非对称构图、网格布局。适合参考的场景:设计作品集、创意服务介绍页。

查看原始网站

使用规范

建议采用

  • 任何宏伟展示元素均使用 Waka Sans 700 字重、560px 字号、行高 0.80 和字间距 -0.09em——这是系统中最具识别度的选择
  • 所有背景设为 #edeae4,所有文字、边框和图标设为 #28282a——绝不引入第二种颜色
  • 所有组件(包括卡片、按钮和图片容器)的圆角均设为 0px
  • 使用 1px 细线 #28282a 分隔线和边框,替代背景色对比来分隔内容
  • 在不同尺寸下保持紧凑字间距:展示层级 -0.09em,小标题层级 -0.03em,正文层级 -0.02em
  • 保持间距紧凑:元素间距 10px,容器内边距 20px,区块间距 80px
  • 产品摄影直接置于骨色背景上,不加边框、阴影或圆角

建议避免

  • 绝不引入任何色彩、渐变或强调色——该系统严格为双色
  • 绝不使用填充按钮、彩色背景或交互元素的背景填充悬停状态
  • 任何元素的圆角均不得大于 0px
  • 绝不使用阴影或任何抬升效果——表面为扁平
  • 绝不将文字尺寸设低于 10px 或高于 560px——尺寸具有刻意性和极端性
  • 在展示或标题尺寸上绝不使用轻度行高(1.5 以上)——必须使用 0.80 至 1.00 的行高以保持密度
  • 绝不使用彩色条带或背景填充来分隔区块——仅使用空白和细线