精選 · 開放 · 免費
Platformart
一個頂級藝術平台,以簡潔、編輯式的設計,展示策展物件與藝術家。
GalleryPhotographicCleanRefinementEditorial
01
設計氣質 DNA
藝術策展物件藝廊奢華
一個極簡風格的高端藝廊網站
02
色彩
#000000Ink
#AAAAAAInk soft
#FFFFFFBG
#F5F5F5BG soft
rgba(0,0,0,1.0)Line
高對比的單色調色盤,讓攝影作品主導視覺。
03
字型
grotesque-sans
- display
72px · 500 - h1
48px · 500 - body
15px · 400
使用 MediumLLWeb(grotesque-sans)作為主要字體 · 導覽列與標籤採用全大寫變換 · 內文字體保持一致且寬鬆的字距
04
間距
4px
8px
12px
16px
24px
32px
48px
64px
96px
所有間距與尺寸皆以 4px 為一致的基礎單位
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 4px
lg · 0px
pill · 999px
1px solid #000000
0px 2px 80px 1px rgba(0,0,0,0.2)
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 簡潔的輸入欄位,搭配 1px 實線邊框。
- hero 全螢幕攝影背景,搭配置中的文字疊加。
09
文案語氣與禁用清單
- 語氣 精緻、含蓄且具權威感。
- 標題風格 簡短、有力,且常為全大寫。
- 按鈕文案 直接且以行動為導向(例如:「→ 立即探索」)。
- 容器或按鈕勿使用圓角——截圖顯示為銳利的方形邊角。
- 勿使用多種品牌色——截圖顯示為嚴格的黑/白單色調。
- 勿使用襯線字體——截圖顯示一致使用 MediumLLWeb(grotesque-sans)。
- 勿在所有元素上使用陰影——截圖僅在 Cookie 設定彈窗上有單一、較大的陰影。
- 勿使用窄小、擁擠的間距——截圖顯示寬裕的留白與清晰的視覺層級。
- 導覽列勿使用全小寫——截圖顯示「PLATFORM:」、「Shop」、「Objects」、「Artists」採用特定的大小寫混合/全大寫風格。
- 避免: 避免使用過多驚嘆號
- 避免: 避免使用過於隨意或俚語的語言
- 避免: 避免介面上充斥不必要的元素
10
包內真實截圖
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個頂級藝術平台(platformart.com),採用極簡、編輯式的設計。網站使用嚴謹的黑(#000000)白(#FFFFFF)單色調色盤,輔以次要灰色(#AAAAAA)用於較淡的文字。主要字體為 grotesque sans-serif(MediumLLWeb)。導覽列置頂,標籤採用全大寫。版面以大尺幅攝影為核心,搭配寬裕的間距(4px 基礎單位)。關鍵特色包括全螢幕首頁圖像、邊角銳利的 Cookie 設定彈窗(帶有明顯陰影),以及極簡的 UI 元件。避免使用圓角、多種顏色或襯線字體。語氣精緻且含蓄,行動呼籲直接明確。
en · zh-CN · zh-TW · ja · ko