精选 · 开放 · 免费
Glow
专注于移动端与浏览器扩展可用性的现代 Solana 钱包落地页
FintechMobile UICleanProductCalm
01
设计气质 DNA
Solana钱包现代无障碍加密
一款如高端消费产品般友好的金融科技应用
02
色彩
#CC62D5Accent
#131517Ink
#737577Ink soft
#FFFFFFBG
#F4F5F6BG soft
#B3B5B7Muted
rgba(179, 181, 183, 0.3)Line
纯净白色背景搭配中性灰色,以鲜明紫色作为主要操作强调色
03
字体
grotesque-sans
- display
48px · 700 - h1
40px · 600 - body
16px · 400 - caption
12px · 500
04
间距
4px
8px
12px
16px
24px
32px
48px
64px
96px
基于 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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一款面向 Solana 加密货币钱包的现代金融科技落地页。其设计定位为高端消费产品,注重友好性与可访问性。核心色彩包括纯白(#FFFFFF)背景、深墨色(#131517)、中性灰(#737577, #B3B5B7)及鲜明紫色强调色(#CC62D5)。字体采用几何无衬线家族,标题粗重紧凑,正文简洁清晰。关键设计原则:避免暗色模式,保持充足留白,卡片与组件采用大圆角(18px),界面简洁不杂乱,紫色强调色在中性背景上突出显现。桌面端布局为双栏:左侧文本内容,右侧设备模型展示,形成视觉平衡并语境化呈现产品。
en · zh-CN · zh-TW · ja · ko