brand
台灣學習者（母語台語或華語），日常生活中聽過日文但不會讀寫，透過熟悉的發音作為記憶跳板學習假名。會把這個頁面分享給其他有興趣的人。部分使用者視力不佳，需要大字體與高對比度。
一套用 Claude AI 輔助建立的日文自學系統，入口頁連接平假名測驗、片假名測驗與學習筆記。設計是對外分享的門面，同時也是這套學習方法的第一印象。成功的入口頁讓訪客立刻理解「這是什麼、我能用它做什麼」，並有意願點進去。
沉靜、清晰、有質感
- 教育科技感（Duolingo、紫綠配色、圓胖圖示、打勾獎勵動畫）
- 極簡 SaaS 感（Inter 字型、白底灰卡片、shadow-sm 到處都是）
- 觀光日本感（大量浮世繪圖案、紅白鳥居、過度裝飾）
- 文字即設計：版面靠字形的大小與重量建立層次，不依賴圖示或卡片邊框。
- 呼吸感優先：留白是設計的一部分，不要塞滿，讓每個元素有空間被看見。
- 日式現代，非日式觀光：參考無印良品的克制，而非日本觀光局的繁複。
- 視覺無障礙：基礎字體不低於 18px，對比度達 WCAG AA，互動元素夠大。
- 功能前置：三個入口（測驗×2、筆記）在第一屏就能看到，不需要滾動。
- WCAG AA
- 基礎文字最小 18px，標題更大
- 互動目標不小於 44×44px
- 尊重 prefers-reduced-motion