OpenDesign·你的设计资产库

网页参考

Our Place

一个高端DTC厨房用品品牌,将温暖质朴的色调与简洁现代的字体、以摄影为核心的布局相结合。

HomeDtc

封面待补录,可通过原站查看设计。

01

设计气质 DNA

高端厨房用品无毒材质现代传承直接面向消费者

一个融合质朴温暖与现代简约线条的高端家居品牌。

02

色彩

#af5a3cAccent
#35312eInk
#60605eInk soft
#fcfaf6BG
#f6f3ebBG soft
#ebe5d4BG quiet
#5a5854Muted
rgba(53,49,46,0.2)Line

以温暖质朴的中性色为基础,搭配柔和的赤陶色作为行动号召的点缀。

03

字体

transitional-serif · grotesque-sans

  • display48px · 400
  • h228px · 600
  • body16px · 400
  • caption12px · 400

导航文本采用大写字母、宽松字间距及较小字号。 · 展示标题使用精致的过渡型衬线字体,营造高端感。 · 正文采用高可读性的中性无衬线字体。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

以4px为基础单位构建稳定的垂直韵律,交互元素周围留有充足间距。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 9999px

1px solid rgba(53,49,46,0.2)

rgba(0, 0, 0, 0.2) 0px 0px 18px 0px

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

采用标准十二列网格,包含最大宽度容器、居中内容与弹性间距。

07

动效与交互

150msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

交互元素悬停时的颜色与透明度过渡。 · 轮播等复杂UI状态切换时的平滑线性过渡。

链接与按钮的细微颜色过渡,时长0.15秒,缓动函数为ease-in-out。 · 交互元素上使用标准指针光标。

08

组件

  • button 实心矩形按钮,带有轻微圆角(4px)和大写文本。主要行动号召使用柔和的赤陶色。
  • card 极简产品卡片,留白充足,排版简洁。
  • chip 用于导航的简单文字链接或小型大写标签。
  • input 简洁的下划线式输入框或简洁的描边输入框。
  • hero 全宽摄影主视觉区域,覆盖衬线字体标题和主要行动号召按钮。

09

文案语气与禁用清单

  • 语气 温暖、自信、高端,强调品质与有意识的生活方式。
  • 标题风格 简洁优雅的衬线标题,通常简短有力。
  • 按钮文案 直接、行动导向且采用大写。
  • 不要使用霓虹或高饱和度颜色——截图显示的是柔和质朴的色调。
  • 不要使用生硬浓重的投影——截图显示投影非常细腻或无投影。
  • 不要使用圆润活泼的字体作为标题——截图显示的是精致的过渡型衬线字体。
  • 不要将导航文本全部小写——截图显示的是大写且字间距宽松的文本。
  • 不要使用纯黑白配色——截图使用的是温暖的米白与深灰色。
  • 不要使用复杂繁杂的背景——截图依赖于简洁的摄影和纯色。
  • 避免: 避免过于随意或俚语化的语言。
  • 避免: 避免界面元素过多造成视觉拥挤。

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

Our Place 是一个高端DTC厨房用品品牌,拥有温暖、精致且现代的美学。设计系统建立在质朴中性色(米白 #fcfaf6,深灰 #35312e)的基础上,搭配柔和的赤陶色点缀(#af5a3c)。字体方面,标题采用简洁的过渡型衬线字体,正文使用中性无衬线字体。布局宽敞,采用标准十二列网格和充足的留白。关键禁忌包括:避免使用生硬投影、避免霓虹色、绝不使用厚重活泼的字体。交互效果流畅,伴有细微的颜色过渡。整体感觉是高端品质、温暖以及深思熟虑的现代设计。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

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