精選 · 開放 · 免費

Lauramonin

一個為時尚與紡織設計師打造的、以照片為主導的極簡作品集。

01

設計氣質 DNA

時裝設計師最新系列的策展藝廊牆面

02

色彩

高對比的單色基調，讓攝影作品佔據主導地位。

03

字型

transitional-serif · grotesque-sans

• display158px · 400
• heading14px · 400
• body12px · 400

大型、具表現力的項目標題使用襯線字體。 · 所有功能性與導覽文字使用 grotesque 無襯線字體。 · 小型標籤與導覽連結套用全大寫轉換。

04

間距

區塊之間使用寬裕的垂直內距，營造通透、從容的感受。

05

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

無可見邊框；分離是透過寬裕的留白與重疊的影像構圖來達成。

06

版面

自由、重疊的影像格線，中央有一個大型標題元素。導覽位於頂部邊緣。

07

動效與互動

緩慢、平滑的頁面過渡與元素進入動畫

互動元素上的細微透明度或變形變化。 · 標準的連結導覽。

08

組件

• button 無獨立的按鈕組件；導覽為基於文字的連結。
• card 影像作為主要的內容單位，以拼貼風格重疊。
• chip 無可見元素。
• input 無可見元素。
• hero 由重疊照片與一個大型、居中標題所組成的動態構圖。

09

文案語氣與禁用清單

• 語氣 精緻、藝術且內斂。
• 標題風格 大型、具表現力的襯線標題，與無襯線的內文形成對比。
• 按鈕文案 簡潔、不加修飾的文字連結，通常為全大寫。

• 不要使用有可見邊框或卡片的格線——截圖顯示的是重疊、自由的拼貼。
• 不要使用多種強調色——截圖顯示文字與 UI 使用嚴格的單色調。
• 不要使用粗體無襯線字體作為標題——截圖使用精緻的襯線字體作為展示型版式。
• 不要為圖片添加陰影——截圖使用平面、重疊的照片。
• 不要用大量 UI 元素 clutter 介面——截圖顯示廣闊的留白與極簡的控制項。
• 不要使用厚重的邊框或分隔線——截圖依賴間距與重疊來建立視覺層級。
• 避免: 喧鬧的行動呼籲按鈕
• 避免: 裝飾性圖標
• 避免: 雜亂的介面

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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