Nostalgia 復古桌面

一套把介面變成復古作業系統的設計語言：烤吐司米色桌面、濃縮咖啡色墨字、發光橘強調、俐落 taupe 邊框。每個表面都有邊框，每個面板都有 chrome。

🎨 Core Palette 核心色板

烤吐司米

#FFEEDD

溫潤淺褐

#F6E6D6

發光橘

#FF631A

深焰橘

#D94A00

濃縮咖啡

#381C00

深可可

#4A3826

邊框褐

#C4A483

✍️ Typography 字體規範

typespec.doc

H1 — Source Serif 4 · 600

桌面就是介面 The Desktop Is the Interface

H2 — Source Serif 4 · 600

每個表面都有邊框

H3 — Source Serif 4 · 600

視窗有 chrome，按鈕有回饋

Body — Work Sans · 16px · line-height 1.7

Work Sans 撐起長文與控制項的可讀性，幾何線條呼應銳利邊框語言。連結底線常駐，機器輸出用 IBM Plex Mono 等寬字型顯示。

🔘 Buttons 按鈕

按下時 translate(1px,1px) + 陰影由 3px 3px 0 收縮為 1px 1px 0 — 模擬實體按鍵下壓

🗂️ Tags & Badges 分頁標籤

總覽 Overview 元件 Components 色彩 Colors 版型 Layout [STABLE] [BETA] [DEPRECATED]

🪟 Panels 視窗面板

about.txt

關於本系統

Nostalgia 適合需要「懷舊但精確」的產品面板、儀表板與工具型介面。

settings.cfg

系統設定

圓角上限 3px，邊框固定 1px taupe，陰影方向固定右下。

log.dat

系統日誌

每次互動都要有可見回饋，按下即凹陷，讀取即高亮。

📁 File Browser 檔案總管

system/design-tokens/

colors

typography

components

readme.md

tokens.json

shadows

📖 Color Reference 色彩對照表

色彩	Hex	角色
烤吐司米	#FFEEDD	Canvas — 桌面背景，僅限最外層
溫潤淺褐	#F6E6D6	Secondary Surface — 視窗與面板
發光橘	#FF631A	Brand — 主按鈕、active 狀態
深焰橘	#D94A00	Brand Strong — 強 CTA、按下狀態
濃縮咖啡	#381C00	Heading — 標題文字
深可可	#4A3826	Body — 內文、UI 文字
邊框褐	#C4A483	Border — 所有面板與按鈕邊框

Nostalgia 復古桌面 · 2026 direction: typeui.sh