精選 · 開放 · 免費
Houseplant
專注於居家用品和精選配件的溫暖、優質生活風格電子商務品牌。
ConsumerPremiumWarmPhotographicCuration
01
設計氣質 DNA
生活風格居家用品溫暖感奢華感休閒
一個高端生活風格品牌,提供精心挑選的居家用品和配件,具有溫暖、引人入勝的美學。
02
色彩
#FFFFFFInk
#2B2320BG
rgba(255, 255, 255, 0.3)Line
溫暖的深色底色搭配高對比白色文字,營造奢華、富有氛圍感的氛圍。
03
字型
condensed-sans · sans-serif
展示標題使用粗體、緊湊的無襯線字體以增強衝擊力。 · 正文使用乾淨、標準的無襯線字體以確保可讀性。 · 按鈕標籤和次要文字使用全大寫。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
一致的 4px 基礎網格,關鍵元素周圍留有充足間距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgba(255, 255, 255, 0.3)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
分割畫面佈局,左側為大型攝影面板,右側為專注的內容面板。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
模式或覆蓋層出現
按鈕上細微的填充或邊框顏色變化。 · 選擇時立即提供反饋。
08
組件
- button 輪廓樣式,帶有尖銳角落、大寫文字和充足的內距。
- card 不適用
- chip 不適用
- input 不適用
- hero 分割畫面促銷覆蓋層,一側為全出血攝影,另一側為深色、以文字為焦點的面板。
09
文案語氣與禁用清單
- 語氣 引人入勝、精緻且直接。
- 標題風格 粗體、有力且簡潔 (例如 '您已獲得 10% 折扣')。
- 按鈕文案 清晰、以行動為導向且針對特定類別 (例如 '香氛'、'家具')。
- 不要使用柔軟或圓角的 UI 元素 — 截圖顯示的是尖銳、矩形的按鈕。
- 不要使用明亮或霓虹色調的強調色 — 截圖顯示的是克制、深色的色盤。
- 不要使用裝飾性或書法字體 — 截圖使用的是乾淨、緊湊的無襯線字體。
- 不要讓佈局雜亂 — 截圖保持了充足的留白和專注的分割畫面結構。
- 不要使用俏皮或卡通風格的插圖 — 截圖使用的是高品質、寫實的攝影。
- 不要使用淺色背景 — 截圖在互動面板上使用了深棕色。
- 避免: 過於專業的術語
- 避免: 大聲、具攻擊性的銷售語言
- 避免: 一般的行銷套話
11
System Prompt
Houseplant 是一個專注於居家用品和精選配件的優質生活風格電子商務品牌。其設計 DNA 以深色、溫暖的棕色 (#2B2320) 背景與鮮明的白色文字形成對比為基礎。字體方面,展示標題依賴粗體、緊湊的無襯線字體以產生衝擊力,正文則使用乾淨的無襯線字體。佈局為乾淨的分割畫面,包含一個大型攝影面板和一個專注的深色內容區域。主要禁止事項:避免圓角、避免明亮的霓虹強調色、避免雜亂的佈局。整體氛圍精緻、溫暖且引人入勝。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko