BRAND SYSTEM v2.0
活的品牌識別
這一頁不是 PDF 規範書，而是與網站程式碼同步的活文件——你看到的每個色票、字體與元件，
就是實際在跑的 design tokens（src/styles/tokens.css）。正式標誌設計完成後將於此更新。
LOGO
標誌（暫代版）
燒瓶 × 向上箭頭：把點子倒進實驗室，蒸餾出系統。正式標誌設計中，現行為暫代版本；替換時只需更新 Logo 元件與 favicon。
ExtraLabs ON LIGHT — 標準用法
MARK ONLY — 頭像 / FAVICON
- 「Extra」為常規字重、「Labs」為粗體並套用薄荷綠螢光筆底——兩者不可拆開單獨使用。
- 標誌周圍保留至少 1 倍字高的淨空區；不可加陰影、外框或改變配色。
- 品牌名稱書寫規範：ExtraLabs（一個字、L 大寫）；中文語境可稱「異想實驗室」。
COLOR
色彩系統
淺色優先。螢光綠只在關鍵處出現——大面積留給暖霧灰與白，黑色負責份量感，綠色負責能量。
Neon Green
主色｜主要 CTA、強調
#00E97C・--xl-accent Mint
輔色｜標題螢光筆、軟質卡片
#B9F4CF・--xl-mint Ink
墨黑｜黑色按鈕、footer 面板、標題
#0E120F・--xl-ink Fog
背景｜頁面底色（暖霧灰）
#F3F4F0・--xl-bg Surface
背景｜白色卡片
#FFFFFF・--xl-surface Lab Amber
點綴｜實驗狀態、警示（小面積）
#FFB454・--xl-amber 螢光筆刷底 Marker Highlight
.grad-text｜background: var(--xl-mint) 品牌的招牌效果：標題關鍵字加上薄荷綠筆刷底。一個標題只畫一個重點，一個畫面最多出現三處。
TYPOGRAPHY
字體系統
三套字體各司其職，全部自架（@fontsource），不依賴外部 CDN。
Aa 異想
Space Grotesk
標題與數字。幾何、帶實驗室感的英文顯示字體。
--font-display Aa 異想
Noto Sans TC
內文。繁中最穩定的閱讀字體，400 / 500 / 700 三種字重。
--font-body EXP-01
JetBrains Mono
實驗編號、kicker 標籤與程式碼。品牌的「實驗室口音」。
--font-mono UI COMPONENTS
介面元件
按鈕用藥丸圓角並自帶 ↗ 箭頭、卡片圓角 24px、輸入框 16px。互動一律有 hover 回饋、點擊漣漪與可見的鍵盤 focus。
BUTTONS
BADGES
LIVE WIP INCUBATING NEUTRAL
FORM
VOICE & TONE
說話的方式
像一個「動手做出來的人」在說話：具體、誠實、留一點幽默。不喊口號，用做過的事證明。
✓ 這樣說 ✕ 不這樣說
把異想天開，做成系統。
我們提供全方位數位轉型解決方案。
這套系統先管好了我們自己，才交到你手上。
業界領先的專案管理平台。
關閉的模組完全不可見，而不是藏起按鈕。
高度客製化的彈性架構。