所有文字皆使用系統預設字型 Times New Roman 作為基礎呈現。 · 標題文字採用草書手寫風格。 · 內文使用印刷體手寫風格以利閱讀。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
區塊之間採用充裕的垂直間距，營造出適合長篇內容的放鬆、易讀節奏。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
無可見邊框；區隔完全透過留白與字體尺度實現。
06
版面
800container
1columns
24pxgutter
768 / 1024breakpoints
單欄置中版面，擁有充裕邊距，為閱讀舒適度而優化。
07
動效與互動
0msmicro
0mssmall
0msmedium
lineareasing
無動畫或過渡效果；純粹靜態的內容呈現。
預設瀏覽器連結的懸停行為，帶有底線。 · 標準連結導覽，游標為指向圖示。
08
組件
button標準的瀏覽器預設連結，採用藍色（#0000EE），無自訂樣式。
card無卡片元件；內容以連續文件形式流動。
chip無標籤元件。
input無可見的輸入元件。
hero極簡的文字型主視覺，以大型手寫草書字體呈現網站標題。
09
文案語氣與禁用清單
語氣個人化、非正式且技術細節豐富，採用對話式的寫作風格。
標題風格手寫草書標題，感覺個人且真實，如同私人筆記本。
按鈕文案無明確的行動呼籲（CTA）；導覽完全透過內文文字連結實現。
不要使用無襯線字體——截圖顯示通篇為手寫字體。
不要添加彩色強調或漸層——截圖顯示嚴格的黑白配色。
不要實作基於卡片的版面或視覺容器——截圖顯示純粹的留白分隔。
不要使用陰影效果或深度提示——截圖顯示完全平坦、無邊框的設計。
不要添加導覽列、側邊欄或複雜的 UI 外殼——截圖顯示極簡的單欄版面。
不要使用超出瀏覽器預設的自訂連結樣式——截圖顯示標準的藍色底線連結。
不要引入動畫或微互動——截圖顯示完全靜態的呈現。
避免: 避免企業用語或正式的技術寫作風格。
避免: 避免視覺複雜性或裝飾性元素。
避免: 避免多個競爭的焦點或超越字體尺度的視覺層次。
11
System Prompt
這是一個極簡的個人開發者部落格，具有刻意的手寫美學。該網站採用嚴格的單色調配色，純白（#FFFFFF）背景搭配黑色（#000000）文字，唯一的顏色是瀏覽器預設的藍色連結（#0000EE）。字體完全採用手寫風格，以系統預設字型 Times New Roman 為基礎，營造出真實的筆記本感覺。版面為單欄置中（最大寬度 800px），留有充裕留白且無任何視覺外殼——無卡片、陰影、邊框或裝飾元素。關鍵注意事項：絕不添加彩色強調或漸層，絕不使用無襯線字體，絕不添加陰影或深度效果，絕不實作複雜的導覽 UI，絕不使用基於卡片的版面，絕不引入動畫。寫作聲音是個人化且技術細節豐富的。這個網站值得作為網頁設計中激進極簡主義的一個範例納入，證明引人入勝的內容可以無需視覺複雜性而存在。
