精選 · 開放 · 免費
Ethereum
一個沉穩、具教育性的 Ethereum 生態系中心。
cryptofoundation
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
組件
- button 紫色藥丸形按鈕，配白色文字。
- card 淺色邊框卡片，帶有圓角與柔和陰影。
- chip 藥丸形標籤選擇器。
- input 搜尋欄，包含圖示與鍵盤快捷鍵。
- hero 全幅插圖，配居中粗體標題。
09
文案語氣與禁用清單
- 語氣 具教育性、平易近人且具權威感。
- 標題風格 粗體、宣言式且以使用者為中心。
- 按鈕文案 直接且具鼓勵性，例如「從此開始」。
- 勿使用深色模式——截圖顯示以白色為主的背景。
- 勿使用高對比霓虹色——截圖顯示柔和的紫色強調色（#6C24E0）。
- 標題勿使用襯線字體——截圖顯示粗體人文無襯線字體。
- 勿使用厚重的投影——截圖顯示極簡、柔和的陰影。
- 勿使用緊湊、密集的佈局——截圖顯示充裕的空白與清晰的節奏。
- 勿使用裝飾性邊框——截圖使用細微的 1px 邊框。
- 避免: 技術術語
- 避免: 複雜性
- 避免: 深色主題
- 避免: 侵略性行銷
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（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
這是 ethereum.org 首頁，一個簡潔且具教育性的 Ethereum 生態系中心。設計基因為沉穩、平易近人且具權威感，採用以白色為主的配色，搭配獨特的紫色強調色（#6C24E0）與灰階層次（墨色 #121212、次要文字 #616161）。字體方面，展示與正文使用人文無襯線字體，程式碼則使用 IBM Plex Mono。關鍵禁忌：避免深色模式（網站為淺色主題）、避免高對比霓虹色、避免裝飾性複雜設計。佈局寬敞、置中，專注於清晰的教育內容，使其成為去中心化金融與科技的關鍵參考資源。
en · zh-CN · zh-TW · ja · ko