Duna 网站预览
Duna 网站预览

Duna

白色基底、圆角卡片与紧密字距。

页面以白色为基底,搭配近黑色文字。字体采用 GT America、GT America Regular。视觉特点包括圆角卡片、紧密字距、细线分隔、居中构图。适合参考的场景:金融产品官网、财务服务介绍页。

查看原始网站

使用规范

建议采用

  • Espresso(#160f0c)是唯一填充按钮颜色,操作绝不引入蓝、绿或饱和品牌色。
  • 展示标题设为72-80px、-0.06em字间距,大尺度的压缩字间距是系统编辑式标志。
  • 页面画布采用Linen(#f7f7f5),而非纯白;温暖米白氛围支撑着系统情绪。
  • 所有交互按钮与标签采用999px圆角,胶囊形控件必须遵守。
  • 有定制字体可用时,启用GT America字体特性“blwf”、“cv03”、“cv04”、“cv09”、“cv11”,它们定义字体特征。
  • 整个界面保持99%无彩色,让首屏插画成为唯一色彩饱和的场景。
  • 所有卡片与图片采用16-24px圆角,柔软宽裕的圆润感是结构性的,而非装饰性的。

建议避免

  • 不要引入蓝色或绿色强调,温暖茄紫黑取代传统金融科技蓝色。
  • 除1px内嵌环外,不要添加投影;高度由边框与背景色调构建,而非阴影。
  • 按钮或卡片不要使用锐利角落,任何8px以下圆角都会破坏系统柔软感。
  • 首屏插画的日落颜色不要作为UI强调色,它们只属于艺术作品。
  • 正文不要采用展示字号的字间距,-0.06em只在44px+时成立。
  • 不要用多个彩色区块填满页面,Duna以温暖中性色构成单色调,而非多彩。
  • 不要使用圆润亲切风格的图标库,采用与GT America语气匹配的细描边几何线图标。