精選 · 開放 · 免費

Ethereum

一個沉穩、具教育性的 Ethereum 生態系中心。

cryptofoundation
Ethereum 網站截圖
↓ 下載設計系統包 (27 MB)在 OpenDesign 中開啟

原站: https://ethereum.org

📦 瀏覽包內檔案 →

01

設計氣質 DNA

去中心化全球主權網路基礎設施

一個為去中心化網路設計的、簡潔且具教學性的公共實用入口網站。

02

色彩

#6C24E0Accent
#121212Ink
#616161Ink soft
#FFFFFFBG
#F7F7F7BG soft
#F2EBFFBG quiet
#8C8C8CMuted
rgba(207, 207, 207, 1)Line

以白色為主的佈局,搭配紫色強調色與柔和的灰階層次。

03

字型

humanist-sans · mono

04

間距

4px
8px
14px
16px
24px
32px
48px

1.6 倍乘數

05

表面 (圓角 / 陰影 / 邊線)

sm · 4px
md · 8px
lg · 24px
pill · 999px

1px solid rgba(207, 207, 207, 1)

0 1px 1px 0 rgba(0, 0, 0, 0.1)

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

全幅英雄圖片,下方為置中的文字內容。

07

動效與互動

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

hover 時的顏色過渡 · 互動元素的變形/縮放

互動元素上的顏色過渡效果。 · 透過變形提供視覺回饋。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

這是 ethereum.org 首頁,一個簡潔且具教育性的 Ethereum 生態系中心。設計基因為沉穩、平易近人且具權威感,採用以白色為主的配色,搭配獨特的紫色強調色(#6C24E0)與灰階層次(墨色 #121212、次要文字 #616161)。字體方面,展示與正文使用人文無襯線字體,程式碼則使用 IBM Plex Mono。關鍵禁忌:避免深色模式(網站為淺色主題)、避免高對比霓虹色、避免裝飾性複雜設計。佈局寬敞、置中,專注於清晰的教育內容,使其成為去中心化金融與科技的關鍵參考資源。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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