精選 · 開放 · 免費
Theroger
極簡高端運動鞋款，聚焦於純淨字體排印與寬敞留白。
ProductPremiumPhotographicCurationClean
01
設計氣質 DNA
高端極簡純淨運動生活風格
運用大片留白讓高端產品自行發聲的精品型錄。
02
色彩
#000000Ink
#222222Ink soft
#ffffffBG
#f7f7f7BG quiet
#666666Muted
rgba(0,0,0,0.10)Line
極度克制；採用單色調為基底，所有視覺焦點皆來自高解析度攝影。
03
字型
geometric-sans · monospace
- display
50px · 700 - heading
39px · 700 - subheading
24px · 400 - body
16px · 400 - label
12px · 400
大尺寸展示文字使用緊湊的負字距，以創造連貫的視覺區塊。 · 文字區塊間保持充足間距，以維持通透的高級感。 · 等寬字體僅謹慎用於技術細節或特定設計點綴。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
以嚴格的 4px 網格作為底層結構，但實際佈局則大量依賴無結構的寬敞留白來創造節奏。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 40px
pill · 999px
僅用於按鈕、進度指示器等功能性元素，採用極簡的 1px 實線邊框。
0px 0px 18px 0px rgba(0, 0, 0, 0.2)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
流動網格系統，保持顯著的水平邊距與區段間寬裕的垂直間距。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.87, 0, 0.13, 1)easing
按鈕、圖片懸停等互動元素採用流暢的硬體加速過渡效果。 · 專注或懸停時採用細微的縮放或位移轉換以提供明確反饋。
透過細微背景色變化或圖片輕微縮放來指示互動性，避免造成干擾。 · 透過狀態變化提供即時視覺反饋，常伴隨流暢過渡效果。
08
組件
- button 高對比黑底白字按鈕，主要操作多採用藥丸形（40px 圓角），次要操作則採透明外框。
- card 用於承載產品圖片與文字的簡潔無邊框容器，依賴充足內距與留白而非可見卡片來區隔內容。
- chip 在可見區段中並未顯著使用；任何標籤可能僅為簡潔的全大寫文字標籤。
- input 表單用標準文字輸入框，可能採用極簡樣式搭配細微底邊框。
- hero 大尺寸全版攝影區域搭配粗體置中標題，以確立 aspirational 基調。
09
文案語氣與禁用清單
- 語氣 自信、內斂且高端。語言直接且聚焦於產品特性，避免過度推銷。
- 標題風格 粗體全大寫或標題式標題，搭配負字距以創造強烈視覺衝擊。
- 按鈕文案 直接且具行動導向，通常在高對比按鈕上使用簡潔文字。
- 勿使用漸層或複雜背景——截圖顯示為純白平面單色背景。
- 勿使用裝飾性邊框或厚重陰影——截圖顯示為無邊框且極低浮凸度的佈局。
- 勿使用多種字體顏色——截圖顯示幾乎僅使用白底黑字。
- 勿使用狹窄擁擠的間距——截圖顯示所有元素周圍皆有寬裕的垂直與水平留白。
- 勿在所有元素上使用圓角——截圖顯示產品卡片採用直角，僅主要按鈕使用藥丸形。
- 勿使用俏皮或奇特的字體排印——截圖顯示優先考量可讀性與高級感的簡潔幾何無襯線字體。
- 避免: 過多形容詞
- 避免: 浮誇的促銷用語
- 避免: 雜亂的佈局
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
定位：採用極簡設計與高品質攝影的高端直接面對消費者運動鞋品牌。關鍵色彩：純白（#ffffff）與黑（#000000）的極簡單色調，搭配淺灰（#f7f7f7）作為細微背景區分。字體類別：所有主要文字採用幾何無襯線字體，偶爾使用等寬字體。重要禁忌：絕不使用漸層或裝飾性陰影；透過維持寬敞留白避免雜亂佈局；絕不使用破壞高端美學的俏皮或裝飾性字體排印。
en · zh-CN · zh-TW · ja · ko