01
设计气质 DNA
高端厨房用品无毒材质现代传承直接面向消费者
一个融合质朴温暖与现代简约线条的高端家居品牌。
02
色彩
#af5a3cAccent#35312eInk#60605eInk soft#fcfaf6BG#f6f3ebBG soft#ebe5d4BG quiet#5a5854Mutedrgba(53,49,46,0.2)Line以温暖质朴的中性色为基础,搭配柔和的赤陶色作为行动号召的点缀。
03
字体
- display
48px · 400 - h2
28px · 600 - body
16px · 400 - caption
12px · 400
导航文本采用大写字母、宽松字间距及较小字号。 · 展示标题使用精致的过渡型衬线字体,营造高端感。 · 正文采用高可读性的中性无衬线字体。
04
间距
4px8px16px24px32px48px64px96px以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)。字体方面,标题采用简洁的过渡型衬线字体,正文使用中性无衬线字体。布局宽敞,采用标准十二列网格和充足的留白。关键禁忌包括:避免使用生硬投影、避免霓虹色、绝不使用厚重活泼的字体。交互效果流畅,伴有细微的颜色过渡。整体感觉是高端品质、温暖以及深思熟虑的现代设计。








