精選 · 開放 · 免費

Solana

具備大膽幾何字體與鮮明紫色調的頂級深色模式加密平台。

cryptodark
Solana 網站截圖
↓ 下載設計系統包 (18 MB)在 OpenDesign 中開啟

原站: https://solana.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

Blockchain高效能金融基礎設施速度規模

高頻交易終端機與科幻基礎設施的結合

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