Kyoto Calm × Tokyo Precision
讓一個人的博客，也有東京高端工作室的質感。
這不是廉價「櫻花模板」。它走的是現在高級日站常見的路數：雜誌式排版、克制色彩、玻璃與紙感疊加、微動畫但不喧賓奪主。整站只用 HTML、CSS、少量原生 JavaScript，就能直接部署到 Cloudflare Pages。
Design System
這套博客，抓的是當下流行的三個重點。
不是復古和風，不是浮誇賽博，而是把日本高端品牌網站常見的簡潔奢雅、排版優先、互動克制，壓進一套可以長期維護的個人博客系統。
01 · Editorial
雜誌式字排
大標題保留呼吸感，段落寬度控制在可讀區間，配合襯線標題與無襯線正文字體，讓畫面有出版物的節制感。
02 · Material
紙感與霧感共存
底層是和紙色調與細網格紋理，表層是輕度玻璃擬態。視覺上精緻，但不搶內容的主角地位。
03 · Motion
動，但只動一點點
頁面切換、進場顯示、Hover 反饋都被刻意壓低。這種微動效，才符合目前高端網站的審美耐看度。
Featured Essays
示範文章區
文章卡片不靠花哨縮圖。它靠的是節奏、留白與資訊層級，這才是能長期支撐個人博客的東西。
做一個耐看的個人網站，比堆十個前端特效更難。
設計的難點不在「做出來」，而在「做得久看不膩」。我把日式美學裡的節制，翻譯成可部署、可維護、可寫文章的純靜態博客。
東京咖啡館網站為什麼常常比 SaaS 官網還高級？
因為它們更懂得把品牌情緒收斂成幾個準確的視覺決策：字體、留白、節奏、材質。沒有一項是多餘的。
Notes
設計札記
- 配色主色不是大紅，而是偏銅赤與焙茶調，視覺更耐看，也更接近高級和風品牌常用路線。
- 字體襯線標題負責氣質，無襯線正文負責可讀性。這種混排是目前內容型網站最穩的方案。
- 互動用原生 CSS 與少量 JS 做微動效，避免引入沉重框架，保留靜態站的速度與簡潔。
- 部署所有頁面都是純靜態檔，直接丟進 Cloudflare Pages 即可，不依賴 Node 後端。
Stack
HTML + CSS + JS不依賴框架，方便直接上傳 Cloudflare Pages。
Motion
View Transition新版瀏覽器享受轉場，舊版自動降級。
Performance
content-visibility離屏區塊延後渲染，維持長頁面性能。
Tone
Modern Wafu偏當代日式高端品牌感，不是古風 cosplay。