01
设计气质 DNA
Solana钱包现代无障碍加密
一款如高端消费产品般友好的金融科技应用
02
色彩
#CC62D5Accent#131517Ink#737577Ink soft#FFFFFFBG#F4F5F6BG soft#B3B5B7Mutedrgba(179, 181, 183, 0.3)Line纯净白色背景搭配中性灰色，以鲜明紫色作为主要操作强调色
03
字体
- display
48px · 700 - h1
40px · 600 - body
16px · 400 - caption
12px · 500
04
间距
4px8px12px16px24px32px48px64px96px基于 4px 网格，采用宽裕内边距营造呼吸感
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 18px
pill · 100px
1px solid rgba(179, 181, 183, 0.3)
0 4px 24px rgba(0, 0, 0, 0.08) · 0 2px 8px rgba(0, 0, 0, 0.04)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
双栏主视觉区：左侧文本，右侧设备模型
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
悬停与点击交互的平滑过渡 · 页面元素的微妙入场动画
交互元素的微弱缩放或色彩变化 · 即时视觉反馈配合轻微形变
08
组件
- button 圆润药丸形按钮，主操作采用紫色实心背景
- card 功能板块使用微阴影与大圆角的简洁卡片
- chip 用于「新功能」等提示的小型圆角徽章
- hero 大型标题配合副文本与行动按钮，附设备模型展示
09
文案语气与禁用清单
- 语气 友好、自信且现代
- 标题风格 粗体直述式标题，与用户直接对话
- 按钮文案 以清晰价值主张驱动行动
- 避免深色背景——截图显示为白色与浅灰背景
- 避免衬线字体——截图显示为几何无衬线字体
- 避免卡片使用小圆角——截图显示为大圆角（18px）
- 避免低饱和度配色——截图显示有鲜明紫色强调色
- 避免密集文本布局——截图显示宽裕间距与呼吸感
- 避免复杂渐变——截图主要为纯色搭配微阴影
- 避免: 复杂技术术语
- 避免: 过度正式用语
- 避免: 激进销售话术
10
包内真实截图
11
System Prompt
这是一款面向 Solana 加密货币钱包的现代金融科技落地页。其设计定位为高端消费产品，注重友好性与可访问性。核心色彩包括纯白（#FFFFFF）背景、深墨色（#131517）、中性灰（#737577, #B3B5B7）及鲜明紫色强调色（#CC62D5）。字体采用几何无衬线家族，标题粗重紧凑，正文简洁清晰。关键设计原则：避免暗色模式，保持充足留白，卡片与组件采用大圆角（18px），界面简洁不杂乱，紫色强调色在中性背景上突出显现。桌面端布局为双栏：左侧文本内容，右侧设备模型展示，形成视觉平衡并语境化呈现产品。