REKKI 网站预览
REKKI 网站预览

REKKI

近黑色基底、紧密字距与居中构图。

页面以近黑色为基底。局部操作控件以蓝色强调。字体采用 Diatype REKKI、Diatype REKKI Bolder Rounded。视觉特点包括紧密字距、居中构图、产品图像展示、圆角卡片。适合参考的场景:软件产品首页、服务说明页。

查看原始网站

使用规范

建议采用

  • #0063e1 专供每个视口唯一的主要行动按钮,绝不用作装饰元素、插画或非操作强调。
  • 展示文字(72px+)使用 -0.064em 字间距,按比例缩小至正文字号 12px 时的 -0.005em。
  • 所有标题使用 Diatype REKKI 字重 400;展示文字不用粗体,权威来自字号和字间距,而不是字重。
  • 卡片浮起通过 rgba(255,255,255,0.12) 的 1px 内边框表达,绝不用投影。
  • 保持 5 层表面叠放 Obsidian → Carbon → Graphite → Iron → Steel,各层间有清晰的 3-5% 亮度阶差。
  • 所有胶囊形按钮使用 59px 圆角,内容卡片使用 16px;同类元素绝不混用两种圆角。
  • 营销区块的视觉焦点由产品界面截图占据,而不是图库摄影或生活方式影像。

建议避免

  • 绝不使用多种彩色强调;系统是单色加唯一蓝色,引入绿、红或紫会破坏整个视觉语言。
  • 卡片或面板绝不用投影;白色内边框本身就是浮起系统。
  • 黑画布上的正文对比度绝不低于 #858585;需要一眼读到的文字使用 Paper #ffffff。
  • 标题绝不使用粗体 700;大字号 Diatype REKKI 字重 400 配紧密字间距才是标志,加粗会破坏它。
  • 展示文字字间距绝不大于 0em;负字间距让标题具有建筑感。
  • 深色画布上绝不放白色或浅色卡片;所有表面必须在黑至炭灰范围内。
  • 标志或品牌标记绝不用圆角图片或有机形状;几何应棱角分明而精准。