精選 · 開放 · 免費

Le Labo

一個高級香氛品牌，透過情緒化的攝影與鮮明的排版，呈現原始、編輯風格的美學。

01

設計氣質 DNA

一個精緻、深沉的藥房實驗室，在此原始材料與現代極簡主義相遇。

02

色彩

高對比的單色調色盤，依賴深色質感攝影背景上的白色文字。

03

字型

grotesque-sans

• display30px · 900
• heading18px · 700
• body14px · 400

標題與標籤大量使用大寫字母。 · 較小的大寫文字採用寬鬆的字距。

04

間距

中等的節奏感，主要容器內留有充足的 padding。

05

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

1px solid rgba(51, 51, 51, 1.0)

0 2px 4px rgba(0,0,0,0.1)

06

版面

置中的欄位佈局，大量使用全寬背景影像。

07

動效與互動

hover 時快速的透明度過渡。 · 未觀察到複雜的進入動畫。

互動元素的透明度變化。 · 立即的狀態改變，無複雜回饋。

08

組件

• button 全寬、深色的矩形區塊，搭配白色大寫文字。
• card 以圖片為主的卡片，邊框極簡，依賴攝影內容。
• chip 在此視圖中未觀察到。
• input 白色背景的下拉選單，黑色文字與細微邊框。
• hero 全螢幕、具情緒感的攝影背景，搭配置中的覆蓋文字。

09

文案語氣與禁用清單

• 語氣 直接、權威且低調。
• 標題風格 簡短、有力的大寫聲明。
• 按鈕文案 全大寫、高對比的按鈕，以吸引注意。

• 勿使用鮮豔的強調色 — 截圖顯示嚴格的單色調色盤。
• 勿在主要按鈕上使用圓角 — 截圖顯示銳利、矩形的邊緣。
• 勿在主要標題使用襯線字體 — 截圖顯示粗體、幾何風格的 grotesque-sans。
• 勿在介面上堆砌許多小圖示 — 截圖展現極簡手法。
• 勿使用輕盈、明亮的背景 — 截圖採用深沉、具情緒感且有質感的攝影。
• 勿在主要行動呼籲按鈕上使用小寫字母 — 截圖顯示全大寫文字。
• 避免: 俏皮的語言
• 避免: 明亮的色彩
• 避免: 裝飾性元素

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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