精選 · 開放 · 免費

Leifproducts

一個精緻的澳洲植物品牌,運用寬廣的攝影畫面與克制的排版,喚起寧靜、自然的奢華感。

EditorialPhotographicCalmRefinedClean
Leifproducts 網站截圖
↓ 下載設計系統包 (59 MB)在 OpenDesign 中開啟

原站: https://leifproducts.com

📦 瀏覽包內檔案 →

01

設計氣質 DNA

極簡沿海自然精緻植物

精心策展的植物誌日誌,結合沿海奢華度假村的質感。

02

色彩

#000000Ink
#262525Ink soft
#FAFAF9BG
#B2B2B2Muted
rgb(214, 209, 199)Line

高對比的中性色(黑色、米白色、柔和灰色)作為純淨基底,讓質樸自然的攝影作品成為視覺核心。

03

字型

geometric-sans · grotesque-sans · monospaced

導覽與分類標籤使用大寫字母搭配寬鬆字距。 · 大型展示標題維持緊密的負字距。 · 描述性氣味筆記與分類使用等寬字體。

04

間距

4px
8px
12px
16px
20px
24px
32px
48px
64px
113px

結合 4px 基礎增量與寬裕的 113px 垂直內距,創造出獨特、輕盈的節奏感。

05

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

sm · 0px
md · 6px
lg · 8px
pill · 999px

1px solid rgb(214, 209, 199) 或 rgb(38, 37, 37)

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

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

簡潔的多欄非對稱網格,偏重大型攝影區塊搭配寬裕留白與緊湊的文字區塊。

07

動效與互動

220msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

hover 狀態與互動元素使用 0.3 秒轉場。 · 更廣泛的 UI 狀態變化使用 0.5 秒轉場。

互動元素上的細微透明度或顏色變化。 · 透過填滿/未填滿的無線電按鈕指示狀態變化。

08

組件

09

文案語氣與禁用清單

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

Leif Products 是一個精緻的澳洲植物品牌,運用編輯式、攝影驅動的設計來傳達寧靜與自然的奢華感。其調色板依賴高對比的中性色,包括米白色背景 (#FAFAFA)、純黑色文字 (#000000) 與細微的暖灰色 (#EDEDE7)。排版在展示用的幾何無襯線體、內文用的怪誕無襯線體與描述細節用的等寬字體之間交替,維持清晰且有結構的層次。關鍵是避免使用鮮豔的強調色、過度使用圓角或擁擠的版面;應優先考慮寬裕的留白、大型攝影焦點,以及具有細微 0.3 秒轉場的簡約、極簡 UI 元素。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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