精选 · 开放 · 免费

Solana

一个采用大胆几何字体和鲜明紫色点缀的高端深色模式加密货币平台。

cryptodark
Solana 网站截图
↓ 下载设计系统包 (18 MB)在 OpenDesign 中打开

原站: https://solana.com

📦 浏览包内文件 →

01

设计气质 DNA

区块链高性能金融基础设施速度规模化

一个高频交易终端与科幻基础设施的结合

02

色彩

#D06BF8Accent
#FFFFFFInk
rgba(255,255,255,0.70)Ink soft
#0B0A10BG
#121212BG soft
#848895Muted
rgba(255,255,255,0.10)Line

深邃、绝对的深色背景,搭配鲜明的紫色高光和纯净的白色排版,以实现最大可读性和未来感。

03

字体

geometric-sans · monospace

所有标题和正文使用几何无衬线字体,以保持连贯的技术感。 · 为大型展示文字应用紧凑的负字间距,以增强视觉冲击力。 · 确保等宽字体严格仅用于代码片段或技术数据展示。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

以4px为基础单位,搭配充足留白,让深色界面得以呼吸。

05

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

sm · 4px
md · 12px
lg · 16px
pill · 9999px

1px solid rgba(255,255,255,0.10)

0 1px 2px rgba(0,0,0,0.05) · rgb(54, 27, 64) 0px -4px 12px 0px inset · rgb(195, 124, 224) 0px 1px 0px 0px inset

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全宽深色主视觉区域,配以用于内容和合作伙伴展示的12列网格。

07

动效与交互

220msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

悬停时微妙的背景颜色过渡 · 交互元素的平滑颜色和边框颜色过渡 · 按钮交互的缩放变换

微妙的背景颜色变化和图标变换。 · 主要操作按钮有轻微的缩小效果。

08

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

Solana的设计DNA是一个高端的深色模式开发者和金融科技平台。它使用近乎纯黑的深色背景(#0B0A10),与纯净的白色排版和鲜明的紫色(#D06BF8)点缀形成对比。布局宽敞,遵循12列网格。排版以干净的几何无衬线字体(Diatype, DSemi)为中心,搭配大号、紧凑间距的展示标题。关键设计规则:永不使用明亮的背景,避免衬线字体,并通过充足的留白维持高对比度的深色美学。按钮和卡片等组件采用药丸形状和细微的内阴影,以在不造成视觉杂乱的情况下创造深度感。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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