精选 · 开放 · 免费
Auros Global
一个面向高风险数字市场交易的高级金融科技界面。
FintechPremiumDark ModeGradientCalm
01
设计气质 DNA
加密货币流动性基础设施机构级
一个带有发光霓虹边缘的现代数字银行金库
02
色彩
#FFFFFFInk
#BBC7C6Ink soft
#001413BG
#012624BG soft
#003734BG quiet
#707777Muted
rgba(1, 38, 36, 1)Line
以深青色为基底,主要操作上搭配空灵、虹彩的渐变点缀色。
03
字体
geometric-sans · sans-serif · monospace
- display
96px · 500 - heading
60px · 500 - body-lg
20px · 400 - body
16px · 400 - caption
14px · 400
所有主导航和按钮使用全大写加宽字间距 · 标题使用紧凑的负字间距以增强冲击力 · 正文保持舒适的行高以保证可读性
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
120px
基于一致的4px基础网格,搭配充裕的垂直留白,营造高级感。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 6px
lg · 16px
pill · 999px
极简,使用与深色背景融合的深青色边框。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽深色主视觉区域,过渡到结构化的内容区块,两侧有充足的内边距。
07
动效与交互
200msmicro
200mssmall
600msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
渐变背景位置的平滑移动 · 悬停状态下微妙的透明度淡入淡出
在200毫秒缓入缓出时序下微妙的背景色或透明度变化。 · 通过降低透明度提供即时视觉反馈。
08
组件
- button 虹彩渐变填充搭配深色文字,采用药丸形或柔角矩形。
- card 大号圆角卡片,带有柔和的内部渐变和微妙的毛玻璃效果。
- chip 简洁的文本标签,带有微妙的背景填充。
- input 干净、极简的输入框,深色背景配浅色边框。
- hero 全宽深色画布,搭配居中的超大字体和单一、高对比度的行动号召按钮。
09
文案语气与禁用清单
- 语气 权威、机构化、前瞻性。
- 标题风格 直接、主动的动词搭配高冲击力的名词。
- 按钮文案 简短、行动导向,采用全大写宽字间距。
- 不要使用明亮、饱和的主色——截图显示的是深青色基底搭配虹彩点缀
- 不要使用纤细、轻薄的字体作为标题——截图显示的是粗体、500字重的几何无衬线体
- 不要为主要内容使用尖锐、方正的圆角——截图显示卡片和按钮使用16px圆角
- 不要使用厚重的投影来表现层次——截图显示的是扁平、基于渐变的深度效果
- 不要使用狭小、局促的间距——截图显示的是充裕的内边距(120px垂直)和间距(48px)
- 不要为导航和行动号召使用小写字母——截图显示的是严格的全大写加宽字间距
- 避免: 过于随意的俚语
- 避免: 过多的感叹号
- 避免: 脱离语境的复杂术语
- 避免: 模糊或泛泛的价值主张
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个面向加密货币流动性提供商的高级金融科技网站。它以深邃的深青色背景为特色,搭配空灵、虹彩的渐变点缀系统。字体方面,展示使用几何无衬线体,正文使用干净的无衬线体,并大量运用全大写、宽字间距的标签。布局宽敞居中,强调权威和机构信任。关键禁忌:绝不使用明亮饱和的主色,避免标题使用纤细/轻薄的字体,不要在卡片或按钮上使用尖锐的方角,避免厚重的投影,保持充裕的间距而非局促的布局,并且绝不要在主导航或行动号召中使用小写字母。
en · zh-CN · zh-TW · ja · ko