精選 · 開放 · 免費

Ledger

用於安全管理加密資產的高端硬體與軟體錢包生態系統。

web3hardware

Ledger 網站截圖

↓ 下載設計系統包 (27 MB)在 OpenDesign 中開啟

原站: https://www.ledger.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

加密貨幣硬體錢包安全性去中心化信任

去中心化時代的數位保險庫

02

色彩

#FF5E00Accent

#FFFFFFInk

#000000BG

#949494Muted

rgba(255,255,255,0.1)Line

高對比的單色調，搭配一個用於關鍵行動的強調色。

03

字型

geometric-sans · humanist-sans · monospace

display56px · 500
heading32px · 500
body16px · 400
caption13px · 400
label12px · 600

使用幾何無襯線字體以打造具衝擊力的現代標題 · 使用人文無襯線字體以確保內文的高度可讀性 · 為大型展示文字套用緊湊的負字距，以營造大膽、高端的感受

04

間距

4px

8px

12px

16px

24px

32px

48px

64px

96px

一致的 4px 基礎網格，提供緊密且受控的垂直節奏。

05

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

sm · 4px

md · 8px

lg · 12px

pill · 999px

使用低透明度的柔和白色或灰色的 1px 細實線邊框。

rgba(255,255,255,0.1) 0px -2px 1px 0px inset · rgba(0,0,0,0.25) 0px 2.4px 2.4px 0px

06

版面

1280container

12columns

24pxgutter

768 / 1024breakpoints

不對稱分割的首頁橫幅版面，搭配寬廣容器與狹窄內容欄以確保可讀性。

07

動效與互動

200msmicro

300mssmall

600msmedium

cubic-bezier(0.25, 0.1, 0.25, 1)easing

背景顏色與基本變換的標準轉換 · 用於顯現效果的平滑透明度漸變 · 捲動時的背景漸層轉換

互動元素上的背景顏色轉移或細微透明度變化。 · 透過背景顏色更新或縮放變換提供即時的視覺回饋。

08

組件

button 膠囊形的主要按鈕，採用高對比的橘色背景；次要按鈕為文字形式並帶有箭頭。
card 見證卡片採用細 1px 邊框，並在深色背景上保留寬敞的內距。
chip 小型大寫分類標籤，封裝在簡單的有邊框容器中。
input 極簡的深色主題輸入框，設計上融入背景之中。
hero 一個全寬區塊，以一個大型產品視覺圖搭配漸層背景為主導，旁邊則是一個左對齊的粗體排版區塊。

09

文案語氣與禁用清單

語氣權威、安全且賦予力量。
標題風格 直接、以行動為導向且聚焦於效益。
按鈕文案 清晰且具指示性，常搭配方向性箭頭。

不要使用圓潤、俏皮的形狀——截圖顯示的是銳利、精準的膠囊按鈕與幾何圖標。
不要使用淺色或白色背景——截圖顯示的是整體以深黑色為主導的背景。
不要使用纖細、無力的字體——截圖顯示的是粗體、緊密字距的幾何無襯線標題。
不要使用多種強調色——截圖顯示的是嚴格的單色調色板，僅有一個橘色強調色。
不要使用柔和、模糊的陰影——截圖顯示的是極簡、清晰的內嵌盒狀陰影與 1px 細邊框。
不要使用狹小、擁擠的容器——截圖顯示的是寬敞的留白與寬闊的版面佈局。
避免: 術語過多或過度複雜的技術語言
避免: 可能削弱安全感的俏皮或輕鬆語調
避免: 視覺雜亂或不必要的裝飾元素
避免: 阻礙可讀性的低對比度文字
避免: 通用或非品牌化的圖像
避免: 過於強烈或刺眼的轉換效果

10

包內真實截圖

Ledger — 桌面首屏（hero） — 桌面首屏（hero）

Ledger — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ledger — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ledger — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ledger — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ledger — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ledger — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ledger — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ledger — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ledger — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ledger — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Ledger — 移动首屏 — 移动首屏

擷取自真實頁面 · 真 computed styles

11

System Prompt

這個設計代表了一款高端、安全的金融科技產品，具體來說是一個加密貨幣硬體錢包生態系統。它採用了鮮明、高對比的單色調色板（黑色 #000000 與白色 #FFFFFF），並以一個高飽和度的橘色 (#FF5E00) 用於主要行動呼籲，搭配柔和的灰色 (#949494) 作為次要文字。排版採用粗體幾何無襯線字體作為展示文字，以及人文無襯線字體作為內文，兩者都以緊湊、現代的字距呈現。關鍵的設計約束包括：不要引入多個相互競爭的強調色，維持嚴格的深色模式美學，避免纖細或無力的字體，使用極簡且清晰的邊框而非柔和陰影，避免過於圓潤或俏皮的幾何形狀，並確保寬敞的留白以營造高端、無雜亂的感覺。

把這份品味接進你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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