精选 · 开放 · 免费

Our Place

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

01

设计气质 DNA

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

02

色彩

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

03

字体

transitional-serif · grotesque-sans

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

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

04

间距

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

05

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

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

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

06

布局

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

07

动效与交互

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

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

08

组件

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

09

文案语气与禁用清单

• 语气 温暖、自信、高端，强调品质与有意识的生活方式。
• 标题风格 简洁优雅的衬线标题，通常简短有力。
• 按钮文案 直接、行动导向且采用大写。

• 不要使用霓虹或高饱和度颜色——截图显示的是柔和质朴的色调。
• 不要使用生硬浓重的投影——截图显示投影非常细腻或无投影。
• 不要使用圆润活泼的字体作为标题——截图显示的是精致的过渡型衬线字体。
• 不要将导航文本全部小写——截图显示的是大写且字间距宽松的文本。
• 不要使用纯黑白配色——截图使用的是温暖的米白与深灰色。
• 不要使用复杂繁杂的背景——截图依赖于简洁的摄影和纯色。
• 避免: 避免过于随意或俚语化的语言。
• 避免: 避免界面元素过多造成视觉拥挤。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko