精選 · 開放 · 免費
Minimalcollective Digital
一個精緻的藝廊風格平台，呈現藝術與科技的交集。
EditorialBold TypographyStudioExperimentalClean
01
設計氣質 DNA
策展跨界藝術科技極簡
一個串連音樂、藝術與科技的數位藝廊平台。
02
色彩
#000000Ink
#5A5A5AInk soft
#3A3A3ABG
rgba(0,0,0,0.6)Line
高對比度的單色調色盤，搭配中灰調。
03
字型
humanist-sans
- display
49px · 400 - heading
31px · 400 - body
18px · 400 - caption
13px · 400
大型標題使用緊湊的負 letter-spacing。 · 文字主要為黑色，背景為灰色。 · 標籤與標示經常使用大寫。
04
間距
4px
9px
13px
18px
27px
36px
54px
72px
以 4.5px 為基準單位，並有規律的增量。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
無
06
版面
1440container
12columns
24pxgutter
768 / 1024breakpoints
砌體式不對稱網格。
07
動效與互動
200msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing
平滑的 0.2 秒 opacity 與 background-color 轉場。
細微的顏色變化或 opacity 轉換。 · 即時回應，帶有微交互轉場。
08
組件
- button 極簡外框按鈕，搭配大寫文字。
- card 基於網格的編輯卡片，包含圖片與標籤。
- chip 小型膠囊狀外框標籤。
- input 極簡文字輸入框，帶有底部邊框。
- hero 全寬度、置中對齊的標題，置於 3D 旋轉物件之上。
09
文案語氣與禁用清單
- 語氣 專業且具質感。
- 標題風格 大型、置中對齊，使用小寫或混合大小寫。
- 按鈕文案 低調，通常為外框式或純文字連結。
- 勿使用明亮的強調色——截圖顯示為單色調色盤。
- 勿使用粗體字重——截圖顯示僅有字重 400。
- 主要元素勿使用圓角——截圖顯示大多為銳角或 4.5px 圓角。
- 勿將所有文字置中對齊——截圖顯示導覽與標籤為左對齊。
- 勿使用投影效果——截圖顯示為完全扁平的表面。
- 勿使用裝飾性襯線字型——截圖顯示為乾淨的人文無襯線字型排印。
- 避免: 明亮飽和的顏色。
- 避免: 裝飾性或手寫字型。
- 避免: 密集、段落沉重的版面配置。
10
包內真實截圖
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏擷取自真實頁面 · 真 computed styles
11
System Prompt
這是一個精緻的編輯平台，為藝術科技 collective 設計。其設計 DNA 特徵包含單色調色盤，以中灰色 (#3A3A3A) 為背景，黑色墨水 (#000000)，以及細微的灰色強調 (#5A5A5A)。字型排印嚴格使用 humanist-sans，字重 400，並在大型、具表現力的標題中使用緊湊的負 letter-spacing。版面配置為乾淨、不對稱的砌體網格，搭配極簡的 1px 邊框。關鍵注意事項：切勿使用明亮飽和的強調色；切勿使用粗體或斜體字重；切勿使用厚重的投影或複雜的漸層。
en · zh-CN · zh-TW · ja · ko