DESIGN SYSTEM PREVIEW

電馭密碼 CYPHERPUNK

Stark 二色調復古終端機系統 — 電光萊姆綠底・極黑墨字・卡其浮面・2px 粗墨框

🎨 CORE PALETTE 核心色盤

電馭萊姆綠
Electric Lime

#D4FF3F

極黑墨
Near-black Ink

#0A0A0A

卡其浮面
Beige Raised

#F0E9D8

終端洋紅
Terminal Magenta

#FF2E92

電路青
Circuit Cyan

#00E5D0

警示琥珀
Warning Amber

#FFB800

✍️ TYPOGRAPHY 字體規範

H1 — Press Start 2P · pixel · clamp(1.8–2.6rem)

SYSTEM ONLINE 系統上線

H2 — 1.3rem

ENCRYPTED CHANNEL 加密通道

H3 — 1rem

NODE STATUS: ACTIVE 節點狀態：運作中

Body — JetBrains Mono · 16px · line-height 1.7

正文一律使用等寬終端機字體，讓資料與數字對齊。連結是電路青，hover 會完整反色；程式碼片段用 --font-mono 呈現，像 0x00E5D0 這樣的十六進位值。

🔘 BUTTONS 按鈕

Hover：位移 -3px + 硬陰影放大至 8px 8px 0；Active：位移歸零 + 陰影收縮，模擬按下

🏷️ TAGS & BADGES 標籤徽章

SUCCESS 成功 WARNING 警告 DANGER 危險 INFO 資訊

🗂️ CARDS 卡片

MODULE 01

加密金鑰管理

產生、輪替、撤銷非對稱金鑰對，所有操作皆記錄於不可竄改的稽核日誌。

MODULE 02

去中心化身份驗證

無需中心伺服器的身份驗證流程，私鑰永遠留在使用者裝置端。

MODULE 03

入侵偵測儀表板

即時監控異常流量與未授權存取嘗試，觸發警示並凍結風險連線。

💻 SYSTEM STATUS 系統狀態面板（旗艦元件）

Cypherpunk 的標誌性元件：終端機讀出面板，反轉標題列 + 逐行日誌輸出 + 閃爍游標，是系統「技術感」的核心來源。

root@cypherpunk:~$ status --watch

>connecting to node cluster... [OK]
>verifying signature chain... [OK]
>3 pending transactions in mempool [WATCH]
>encryption layer: AES-256 / active
>awaiting input

UPTIME 運行時間

99.98%

THREAT LEVEL 威脅等級

MODERATE

ACTIVE NODES 節點數

1,204

📖 COLOR REFERENCE 色彩對照表

色彩 COLOR	HEX	角色 ROLE
電馭萊姆綠	#D4FF3F	Canvas — 全站唯一背景色
極黑墨	#0A0A0A	Ink — 文字、邊框、硬陰影
卡其浮面	#F0E9D8	Surface — 卡片、輸入框
終端洋紅	#FF2E92	Danger — 警示、刪除操作
電路青	#00E5D0	Info / Link — 連結、focus ring
警示琥珀	#FFB800	Warning — 警告狀態、待處理徽章
次要墨	#4A4A3E	Text Muted — 說明文字、caption