OpenDesign·你的设计资产库

网页参考

Auros Global

一个面向高风险数字市场交易的高级金融科技界面。

FintechPremiumDark ModeGradientCalm
Auros Global 网站截图

01

设计气质 DNA

加密货币流动性基础设施机构级

一个带有发光霓虹边缘的现代数字银行金库

02

色彩

#FFFFFFInk
#BBC7C6Ink soft
#001413BG
#012624BG soft
#003734BG quiet
#707777Muted
rgba(1, 38, 36, 1)Line

以深青色为基底，主要操作上搭配空灵、虹彩的渐变点缀色。

03

字体

geometric-sans · sans-serif · monospace

  • display96px · 500
  • heading60px · 500
  • body-lg20px · 400
  • body16px · 400
  • caption14px · 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

包内真实截图

Auros Global — 桌面首屏（hero）
桌面首屏（hero）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Auros Global — 移动首屏
移动首屏

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个面向加密货币流动性提供商的高级金融科技网站。它以深邃的深青色背景为特色，搭配空灵、虹彩的渐变点缀系统。字体方面，展示使用几何无衬线体，正文使用干净的无衬线体，并大量运用全大写、宽字间距的标签。布局宽敞居中，强调权威和机构信任。关键禁忌：绝不使用明亮饱和的主色，避免标题使用纤细/轻薄的字体，不要在卡片或按钮上使用尖锐的方角，避免厚重的投影，保持充裕的间距而非局促的布局，并且绝不要在主导航或行动号召中使用小写字母。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明，可复制给 Agent。