精選 · 開放 · 免費
Louisiana
一個精緻而寧靜的博物館網站，強調字體排印與留白。
museumart
01
設計氣質 DNA
博物館藝術文化機構藝廊展覽
一座寧靜的現代藝廊入口
02
色彩
#000000Ink
#FFFFFFBG
#B0E0E9BG soft
#226D7AMuted
rgba(0,0,0,1.0)Line
內容使用強烈、高對比的黑白色調，並以沉穩、水漾感的灰青色作為點綴。
03
字型
transitional-serif · humanist-sans
標題使用粗體過渡襯線字體，營造經典、權威的感覺。 · 內文與介面文字使用 Open Sans，呈現簡潔、人文主義風格。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
採用寬裕的垂直節奏，搭配大量的上下 padding，營造寧靜與專注感。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
主要內容區域無可見邊框，維持平坦、簡潔的美學。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
寬鬆容器內的置中內容欄位，過渡至全出血的色彩區塊。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
互動元素的 hover 狀態過渡效果。
互動元素的細微狀態變化。 · 標準導航與內容區段展開。
08
組件
- button 簡潔的文字互動元素，常搭配展開用的箭頭圖示。
- card 極簡卡片，主要由文字與間距定義。
- chip 未觀察到。
- input 未觀察到。
- hero 大型全出血區塊，具備純色背景與巨大、粗體的襯線字體。
09
文案語氣與禁用清單
- 語氣 資訊性、文化性、略帶正式感。
- 標題風格 粗體、大寫、大型襯線文字以吸引注意力。
- 按鈕文案 低調、整合的文字連結，而非顯眼的按鈕。
- 避免使用明亮、飽和的色彩 — 截圖顯示了黑、白與灰青色的克制色調。
- 避免為元素添加圓角 — 截圖顯示了嚴格的矩形形狀與銳利邊緣。
- 避免為內文使用多種字體家族 — 截圖顯示介面元素一致使用無襯線字體。
- 避免創造密集、雜亂的佈局 — 截圖強調寬裕的留白與專注的字體排印。
- 避免使用厚重的陰影或深度效果 — 截圖顯示了平坦、簡潔的設計。
- 避免為主要展示標題使用無襯線字體 — 截圖顯示了粗體的過渡襯線字體。
- 避免: 鮮豔色彩
- 避免: 強烈的行動呼籲
- 避免: 視覺雜亂
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
一個精緻的編輯風格博物館網站設計，平衡了經典字體排印與簡潔、現代的佈局。色調嚴格使用黑白色調作為內容，標誌性的灰青色（#226D7A）謹慎地用於點綴或背景。字體排印混合了用於衝擊力標題的粗體過渡襯線字體，與用於簡潔內文的人文主義無襯線字體。佈局優先考慮大量留白與置中內容欄位，以創造寧靜、專注的閱讀體驗。不要引入明亮、飽和的色彩、圓角或陰影。避免介面雜亂，並確保標題保持粗體與權威感。
en · zh-CN · zh-TW · ja · ko