Nuri 网站预览
Nuri 网站预览

Nuri

白色基底、大字排版与分屏构图。

页面以白色为基底，搭配深紫色文字。字体采用 Sharp Grotesk Bold、Harriet Display。视觉特点包括大字排版、分屏构图、宽松留白、满幅色块。适合参考的场景：金融产品官网、财务服务介绍页。

查看原始网站

使用规范

建议采用

  • 每个按钮、输入框和交互胶囊都采用9999px圆角；胶囊形是标志性特征。
  • 同一标题中将Sharp Grotesk Bold 900与Harriet Display 300配对，形成标志性的混合字重效果。
  • 页面背景设为#f7f2ff，首屏背景为#beaaff；绝不要让纯白成为主导画布。
  • 卡片和大型容器采用48px圆角，9999px保留给交互元素。
  • 主要文字和填充按钮使用#2c232；其紫罗兰底调使它在薰衣草背景上仍属于调色板。
  • 将分区组织为满幅色带，并朝页脚方向从冷紫罗兰过渡到温暖奶油色。
  • 色彩叙事中，#f97316只用于Bitcoin货币图标；它是唯一的暖色强调。

建议避免

  • 不要将常规银行蓝、绿或中性灰作为品牌色；这会破坏薰衣草色身份。
  • 不要采用厚重投影；系统通过表面色对比而非抬升表达深度。
  • 不要将Sharp Grotesk 900与Harriet 300设为相同字号；对比来自不同字号中的字重差异。
  • 主要表面的border-radius不要使用8px至48px之间的数值；系统从胶囊直接跳到柔和卡片。
  • 每个分区不要放置超过一个彩色填充按钮；深色胶囊是唯一主要操作。
  • 不要使用图库摄影或3D渲染图；视觉语言是薰衣草背景上的平面编辑式插画。
  • Inter正文字号不要低于16px；14–16px下限保留宽敞、杂志般的感受。

相似设计语言