精選 · 開放 · 免費

Oker

一個極簡主義設計工作室作品集，以單色調色盤、精緻文字排印和寬裕留白為特色。

01

設計氣質 DNA

一個寧靜、精緻的創意作品藝廊，專注於文字排印與大型影像。

02

色彩

嚴格的單色基調，搭配強烈的高對比模式（黑/白）以實現專注感。

03

字型

transitional-serif

• display80px · 400
• title32px · 400
• body16px · 400
• caption16px · 300

04

間距

一致使用 8px 和 16px 增量進行內距與對齊。

05

表面 (圓角 / 陰影 / 邊線)

使用 1px solid rgb(160, 160, 160) 作為細微的水平分隔線。

06

版面

大型全幅影像之間以寬裕的黑色或白色內距隔開。

07

動效與互動

滑鼠懸停時流暢的淡入與色彩過渡 · 影像顯現時的變換與透明度過渡

文字連結的色彩過渡與細微的游標變化。 · 標準的指標互動。

08

組件

• button 簡約的文字連結，帶有色彩過渡效果，無可見的按鈕形狀。
• card 無傳統卡片設計；內容以大型獨立影像搭配文字呈現。
• chip 未觀察到元件。
• input 未觀察到表單輸入元件。
• hero 全視窗的大型插圖或攝影，常延伸至邊緣。

09

文案語氣與禁用清單

• 語氣 極簡、專業且寧靜。
• 標題風格 大型、低字重的過渡襯線體，常居中或左對齊。
• 按鈕文案 簡約的文字連結，無按鈕樣式。

• 避免使用無襯線展示字體 — 螢幕截圖顯示所有標題均使用過渡襯線體。
• 避免使用圓角按鈕 — 螢幕截圖顯示僅有文字連結，無按鈕容器。
• 避免使用多彩的強調色調色盤 — 螢幕截圖顯示嚴格的單色基調。
• 避免使用厚重的陰影投射 — 螢幕截圖顯示完全平面的影像與文字排印。
• 避免使用複雜的多欄文字格線 — 螢幕截圖顯示寬裕的單欄留白。
• 避免使用繁雜的裝飾性圖案 — 螢幕截圖顯示大型、乾淨的攝影或插圖區域。
• 避免: 明亮的霓虹色彩
• 避免: 厚重的陰影投射
• 避免: 繁雜的裝飾性背景
• 避免: 圓角的 UI 元素
• 避免: 無襯線展示字體
• 避免: 複雜的漸層效果

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko