精选 · 开放 · 免费
Nuri
一个充满活力的金融科技应用着陆页,以大胆、多彩的美学宣告Nuri品牌的回归。
FintechConsumerMobile UIBold TypographyPlayful
01
设计气质 DNA
金融科技加密货币银行服务移动优先品牌重塑
一个现代、富有活力的挑战者银行正在重塑品牌身份。
02
色彩
#1A1A1AInk
#C2A5E3BG
rgba(26, 26, 26, 0.1)Line
在鲜明柔和的纯色背景上,采用高对比度的深色排版。
03
字体
grotesque-sans
使用厚重、字间距紧凑的展示型字体。 · 描述性文字采用常规字重。 · 大写文本仅用于重点强调。
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 技能 ↗
en · zh-CN · zh-TW · ja · ko