Design System
FPA Brand Guideline v2.0 的數位轉譯。
Token 定義、使用指引、Live Demo。
v1.0
Design Principles
精準清晰
Precision & Clarity
Digital precision, no ambiguity. Every pixel has intent.
品味驅動
Taste-Driven
Every token choice is intentional, not arbitrary values.
工具不設限
Tools, Not Limits
Tokens over forced components. Freedom to compose.
深度優於效率
Depth Over Efficiency
Fewer components done right, not many done poorly.
Quick Start
01
Import Tokens
@import 'styles/tokens/index.css';02
Use CSS Variables
color: var(--text-primary);03
Dark Mode Free
<html data-theme="dark">