精選 · 開放 · 免費

Neutra Vdl

為歷史建築地標所打造的寧靜、編輯式呈現。

01

設計氣質 DNA

一本將中世紀建築專著帶到網路的呈現。

02

色彩

高對比度、近乎單色調的色彩方案，以溫暖的米白背景搭配近乎黑色的墨色。

03

字型

grotesque-sans · monospace

• display67px · 400
• body18px · 400
• caption12px · 400

04

間距

透過一致的行高與文字區塊間的垂直邊距，維持垂直節奏。

05

表面 (圓角 / 陰影 / 邊線)

使用細實線分隔內容區塊，並用於連結與導航元素的底線。

06

版面

寬闊、基於網格的版面配置，採用大型排版元素與大量留白。

07

動效與互動

淡入 · 透明度變化

互動文字元素上細膩的透明度或色彩變化。 · 所有可點擊元素使用標準的指標游標。

08

組件

• button 無背景或邊框的文字連結。
• card 以細水平線分隔的內容區塊。
• chip 無
• input 無
• hero 大型、具衝擊力的排版標題，搭配清晰的水平分隔線。

09

文案語氣與禁用清單

• 語氣 教育性、精緻且專業。
• 標題風格 直接且基於事實，使用大型、字距緊密的排版。
• 按鈕文案 低調的文字連結，無縫融入版面配置。

• 避免使用圓角——截圖顯示為嚴格的直角、銳角邊緣版面配置。
• 避免使用陰影效果——截圖顯示為平面、二維元素，無深度效果。
• 避免使用主要強調色——截圖顯示為單色調色彩方案，無單一主導色調。
• 避免使用置中版面配置——截圖顯示為左對齊的文字與元素。
• 避免使用密集、多欄文字——截圖顯示為寬邊距與區塊間清晰分隔。
• 避免使用裝飾性邊框——截圖僅顯示簡單、功能性的水平分隔線。
• 避免: 俏皮的語言
• 避免: 鮮豔的色彩
• 避免: 裝飾性元素

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko