精選 · 開放 · 免費

Palazzomonti

一個為文化中心設計的精緻極簡編輯佈局，強調充足的留白與經典字型排印。

01

設計氣質 DNA

一個具有精緻、低調美感的當代藝術畫廊網站。

02

色彩

以高對比單色調為基底，搭配單一、沉靜的 teal 強調色。

03

字型

transitional-serif

• display36px · 400
• body20px · 400
• label16px · 700

顯示文字與內文均使用過渡襯線體。 · 保持充足的行高以利閱讀。 · 除標籤外避免使用粗體。

04

間距

採用寬敞的垂直間距，並留有大量上下 padding

05

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

1px solid #000000

06

版面

全寬分割佈局，搭配不對稱欄位

07

動效與互動

所有元素均已啟用過渡效果

細微的顏色過渡 · 無可見的點擊狀態

08

組件

• button 藥丸形狀的外框按鈕，採用大寫文字。
• card 無可見的卡片元件。
• chip 無可見的晶片元件。
• input 無可見的輸入元件。
• hero 採用極簡文字設計的首頁橫幅，搭配高對比字型排印。

09

文案語氣與禁用清單

• 語氣 正式、描述性且低調
• 標題風格 採用襯線體的簡短陳述句
• 按鈕文案 大寫、藥丸形狀的外框按鈕

• 請勿使用無襯線字體 — 截圖顯示使用過渡襯線體字型。
• 請勿使用明亮、飽和的顏色 — 截圖顯示使用柔和的 teal 強調色 (#226D7A)。
• 請勿使用圓角 — 截圖顯示按鈕邊緣為銳角。
• 請勿使用陰影 — 截圖顯示為平面表面。
• 請勿使用暗色模式 — 截圖顯示為明亮的白色背景。
• 請勿使用複雜佈局 — 截圖顯示為寬敞的單欄文字流。
• 避免: 俏皮語氣
• 避免: 過度標點符號
• 避免: 視覺雜亂

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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