OpenDesign·你的设计资产库

网页参考

Houseplant

专注于家居用品和精选配饰的温暖、高端生活方式电商品牌。

ConsumerPremiumWarmPhotographicCuration

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

生活方式家居用品温暖感奢华休闲

一个高端生活方式品牌,提供精心策划的家居用品和配饰,具有温暖、诱人的美学风格。

02

色彩

#FFFFFFInk
#2B2320BG
rgba(255, 255, 255, 0.3)Line

温暖、深色基底搭配高对比度白色文字,营造奢华、富有氛围感的体验。

03

字体

condensed-sans · sans-serif

  • display64px · 500

展示型标题使用粗体、紧凑的无衬线字体,以增强视觉冲击力。 · 正文使用简洁、标准的无衬线字体,确保可读性。 · 按钮标签和辅助文字采用全大写形式。

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 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。