精选 · 开放 · 免费
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