精選 · 開放 · 免費

Dmitrkutsenko

為時尚攝影師作品集設計的簡潔排版式開場。

01

設計氣質 DNA

如同美術館的昏暗入口，宣告藝術家的到來。

02

色彩

採用高對比單色調，確保攝影內容成為視覺焦點。

03

字型

geometric-sans

• display75px · 400
• body14px · 400

標題文字採用大寫字母並收緊字距。 · 導覽與介面元素的內文亦採用大寫字母。

04

間距

以 4px 為基準單位的網格系統。

05

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

無可見的結構性邊框；依賴間距與色彩對比區分層次。

06

版面

全出血式主視覺區塊，搭配簡約且緊貼邊緣的導覽列。

07

動效與互動

互動元素上的細微顏色過渡效果。 · 隱含的捲動驅動或點擊觸發內容揭示效果。

細微的背景色或文字顏色過渡效果。 · 觸發內容過渡或導覽跳轉。

08

組件

• button 純文字觸發器，常帶有細微的 hover 顏色過渡效果。
• card 目前提供的視覺中未見此元件。
• chip 目前提供的視覺中未見此元件。
• input 目前提供的視覺中未見此元件。
• hero 大型、大寫的排版式宣言，固定於左下角。

09

文案語氣與禁用清單

• 語氣 權威、簡潔、直接。
• 標題風格 全大寫、緊字距、宣言式風格。
• 按鈕文案 小巧、低調、具指導性。

• 避免使用漸層或複雜背景圖案——截圖顯示為純色深色平面背景。
• 避免在主要元素上使用圓角——截圖顯示為銳利邊緣，僅徽章使用全圓角。
• 避免為標題文字使用粗體字重——截圖顯示所有文字皆採用統一的 400 字重。
• 避免使用高彩度強調色——截圖顯示為嚴格的單色調色盤。
• 避免將主標題置中對齊——截圖顯示為嚴格的左對齊並固定於左下角。
• 避免導覽列使用標準首字母大寫——截圖顯示選單與 CTA 元素皆採用全大寫。
• 避免: 裝飾性元素
• 避免: 繁複背景
• 避免: 雜亂的導覽結構

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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