精选 · 开放 · 免费

Aave

一个去中心化储蓄平台，让赚取收益像使用手机银行应用一样简单。

01

设计气质 DNA

一个适配DeFi的、简洁现代的金融科技银行分支，专注于可访问性和信任感。

02

色彩

在柔和、偏白的表面上使用高对比度的黑色，并以单一的鲜艳薰衣草色作为主要操作的点缀。

03

字体

geometric-sans · mono

• display72px · 500
• headline40px · 500
• body16px · 400
• caption14px · 500

大型展示文本使用紧凑的字间距（-3.6px）。 · 主要正文文本应使用400字重。 · 标题使用500字重。

04

间距

8px基础网格，垂直堆叠，章节间留有充足的内边距。

05

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

使用rgba(0, 0, 0, 0.06)的极细微1px边框。

0 6px 20px rgba(0, 0, 0, 0.05) · 0 0 0 1px rgba(0, 0, 0, 0.06)

06

布局

居中单列主视觉区，首屏下方过渡到双列网格的功能卡片。

07

动效与交互

交互元素上的细微颜色和不透明度过渡（0.15秒）。 · 用于缩放或移动的变换过渡（0.2秒，缓出）。

按钮和链接上的细微背景色或不透明度变化。 · 即时反馈，可能是轻微的缩放或不透明度降低。

08

组件

• button 高对比度的主按钮（薰衣草色背景，白色文字）和细微的次按钮（浅薰衣草色背景，紫色文字）。完全圆角（药丸形状）。
• card 柔和、略带圆角的卡片（圆角12-20px），置于极细微的背景上，边框最小化。
• chip 未突出展示，但标签类元素使用柔和的薰衣草色背景。
• input 在提供的截图中不可见。
• hero 一个居中、以文字为主的主视觉区，使用巨大的72px展示字体，配有描述性副标题和两个并排的行动号召按钮。

09

文案语气与禁用清单

• 语气 自信、清晰，略带技术感但高度易懂。
• 标题风格 简短、有力、以益处为导向的陈述（例如“人人皆可储蓄”、“最佳构建”）。
• 按钮文案 以行动为导向且针对平台（例如“在iOS上下载”、“使用Aave”）。

• 不要使用衬线字体——截图显示所有文本使用几何无衬线字体。
• 不要将深色模式设为默认——截图显示界面以白色和浅灰色为主。
• 不要在主要元素上使用尖锐的方形圆角——截图显示大量圆角药丸形状和柔和圆角。
• 不要使用高对比度、饱和的红色或绿色作为点缀——截图使用柔和的薰衣草色作为主要点缀。
• 不要将所有文本居中对齐——截图对正文和功能描述使用左对齐。
• 不要使用投影营造深度感——截图使用极细微、低不透明度的边框或纯色差异来分隔区域。
• 避免: 避免在无上下文时使用过于密集的金融术语。
• 避免: 避免在界面上堆砌不必要的图标或边框。
• 避免: 避免使用激进或霓虹灯般的调色板。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko