精選 · 開放 · 免費

Loveseen

一個由高衝擊力攝影和優雅襯線字體驅動的頂級美妝電子商務網站。

01

設計氣質 DNA

一個策劃好的美妝攝影畫廊

02

色彩

溫暖、膚色調啟發的中性色盤，讓攝影作品成為主角。

03

字型

didone-serif · geometric-sans

• display48px · 400
• heading30px · 400
• body16px · 400
• caption13px · 400

導覽與 UI 元素使用全大寫 · 展示型字體使用緊湊的字距 · 大寫的 UI 文字使用寬鬆的字距

04

間距

區塊之間使用寬裕的垂直間距

05

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

1px solid 邊框，使用柔和的中性色調

06

版面

全版出血的主視覺圖像，隨後是網格佈局的區塊

07

動效與互動

淡入 · 上滑

透明度變化與微妙的色彩轉換 · 即時狀態切換，並有平滑的過渡效果

08

組件

• button 極簡的描邊按鈕，使用大寫文字
• card 無可見的卡片邊框，透過留白與影像來區隔
• chip 簡單的描邊標籤，帶有圓角邊框
• input 底線風格的輸入欄位，採用極簡樣式
• hero 分割螢幕的攝影主視覺，導覽列以透明覆蓋層呈現

09

文案語氣與禁用清單

• 語氣 自信、包容且精緻
• 標題風格 優雅，常使用 didone 衬線展示字型
• 按鈕文案 極簡、大寫，常使用描邊或純文字

• 不要使用高飽和度的強調色——截圖顯示的是柔和、中性的色盤。
• 不要使用厚重的陰影或 3D 效果——截圖顯示的是扁平、乾淨的表面。
• 不要在卡片或按鈕上使用圓角——截圖顯示的是銳利、乾淨的邊緣。
• 不要在導覽中使用小寫文字——截圖顯示的是全大寫的 UI 元素。
• 不要為內文使用粗體——截圖顯示的是統一的 400 字重。
• 不要使用繁複的背景圖案——截圖顯示的是純色、柔和的中性背景。
• 避免: 鮮豔的色彩
• 避免: 裝飾性的 UI 元素
• 避免: 擁擠的佈局

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

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