精選 · 開放 · 免費
Exhibition Magazine
一個極簡、圖片為先的時尚與藝術編輯平台。
EditorialPhotographicTypographyCurationGallery
01
設計氣質 DNA
編輯式時尚高端策展極簡
一個感受如同高端印刷雜誌的數位時尚展覽空間。
02
色彩
#000000Ink
#A8A8A8BG
#999999Muted
rgba(0,0,0,0.1)Line
高對比的黑與白,搭配中性灰色背景,讓攝影作品佔據主導。
03
字型
condensed-grotesque-sans · transitional-serif
- display
90px · 500 - heading
36px · 500 - body
16px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
垂直間距由大型圖片區塊與寬裕的 padding 決定。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
極少或無,僅電子報輸入框使用細薄的 1px 邊框。
06
版面
1280container
4columns
24pxgutter
768 / 1024breakpoints
全幅、圖片為主的佈局,搭配持久的頂部導航欄。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
緩慢、優雅的淡入淡出,用於內容過渡與主視覺幻燈片。
導航連結上的微妙透明度或色彩變化。 · 觸發頁面導航或模態視窗的開啟/關閉。
08
組件
- button 極簡、大寫,通常僅為文字或簡單的黑底白字。
- card 簡潔的垂直堆疊,包含大型圖片、粗體襯線標題與小型描述。
- input 簡潔的單行文字輸入框,帶有細薄黑框與置中的佔位文字。
- hero 全幅、邊對邊的攝影主視覺,疊加大型、半透明的刊頭文字。
09
文案語氣與禁用清單
- 語氣 權威、精緻且低調。
- 標題風格 粗體、大寫,通常使用窄體無襯線字體。
- 按鈕文案 極簡而直接,通常僅為粗體、簡潔方框內的單一字詞。
- 不要使用裝飾性陰影 — 螢幕截圖顯示乾淨、平面的圖片區塊,無陰影效果
- 不要使用圓角 — 螢幕截圖顯示所有卡片與按鈕皆為銳利的 90 度角
- 不要使用彩色強調 — 螢幕截圖顯示嚴格的黑、白與中性灰色調
- 不要使用活潑或圓潤的排版 — 螢幕截圖顯示銳利、高對比的襯線與窄體無襯線字體
- 不要讓佈局充斥大量 UI 元素 — 螢幕截圖顯示以大型攝影為主的極簡介面
- 不要使用複雜漸層 — 螢幕截圖顯示實色中性背景與清晰的攝影圖片
- 避免: 炫目動畫
- 避免: 裝飾性邊框
- 避免: 多種強調色
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
Exhibition Magazine 是一個用於時尚、藝術與文化的高端數位編輯平台。其設計嚴格遵循極簡主義且以圖片為先,使用中性灰色背景讓高品質攝影作品佔據主導。排版是粗體、窄體無襯線標題與優雅過渡襯線內文之間的強烈對比。關鍵十六進位色碼為 #000000(墨黑)與 #A8A8A8(背景灰)。佈局是乾淨的全幅格線,UI 干擾極少。關鍵限制:絕不使用圓角或裝飾性陰影;不使用多種強調色;避免使用活潑或裝飾性字體,以維持精緻、高端時尚的美學。
en · zh-CN · zh-TW · ja · ko