OpenDesign·你的设计资产库

网页参考

Nuri

一个充满活力的金融科技应用着陆页,以大胆、多彩的美学宣告Nuri品牌的回归。

FintechConsumerMobile UIBold TypographyPlayful

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

金融科技加密货币银行服务移动优先品牌重塑

一个现代、富有活力的挑战者银行正在重塑品牌身份。

02

色彩

#1A1A1AInk
#C2A5E3BG
rgba(26, 26, 26, 0.1)Line

在鲜明柔和的纯色背景上,采用高对比度的深色排版。

03

字体

grotesque-sans

  • display100px · 800

使用厚重、字间距紧凑的展示型字体。 · 描述性文字采用常规字重。 · 大写文本仅用于重点强调。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

标题、副标题与表单之间保持充裕的垂直间距。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 999px

输入框采用实线边框。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全出血主视觉区域,左侧为文字内容,右侧为摄影插图。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

按钮的微妙状态变化。 · 标准按钮点击行为。

08

组件

  • button 胶囊形实心按钮。
  • card 标准应用商店徽章。
  • chip 胶囊形输入框容器。
  • input 极简输入框,含国家代码下拉菜单。
  • hero 全视口主视觉区域,包含大号文字、输入表单以及一张手将卡片插入仙人掌的摄影插图。

09

文案语气与禁用清单

  • 语气 自信、直接,略带俏皮感。
  • 标题风格 加粗、宣言式,带删除线略显锋芒。
  • 按钮文案 简洁直接(「获取应用」)。
  • 不要使用纤细或轻盈的字体——截图显示的是厚重、加粗的展示型文字。
  • 不要使用白色背景——截图显示的是纯色薰衣草背景。
  • 不要使用小型、复杂的UI组件——截图显示的是大型、清晰、极简的表单元素。
  • 不要使用复杂的多栏布局——截图显示的是清晰的左对齐主视觉区域。
  • 不要使用霓虹色或高度饱和的强调色——截图使用的是纯色、柔和的柔和色调背景。
  • 不要使用衬线字体——截图显示的是现代、几何感的无衬线字体。
  • 避免: 杂乱的布局
  • 避免: 暗淡或柔和的柔和色调调色板
  • 避免: 复杂的字体层级体系

11

System Prompt

这是一个Nuri的金融科技应用着陆页,定位为一个现代、富有活力的挑战者银行。其设计特点是采用厚重的几何无衬线字体搭配纯色薰衣草(#C2A5E3)背景。简洁的左对齐布局包含大号标题、简单的手机号输入表单以及应用商店徽章。关键色彩包括薰衣草背景和深色(#1A1A1A)文字。关键设计约束:避免使用纤细字体,避免白色或复杂背景,避免使用衬线字体。整体美学极简、自信,略带锋芒。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。