OpenDesign·你的设计资产库

网页参考

Cookwithbeautiful

强调温暖优雅设计与生活方式摄影的高端厨具消费品牌。

ConsumerProductWarmPhotographicEditorial

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

01

设计气质 DNA

高端温暖生活方式设计导向家居

一本温暖的高端生活方式杂志

02

色彩

#E07A5FAccent
#1A1A1AInk
#555555Ink soft
#FDF8F0BG
#888888Muted
rgba(0,0,0,0.08)Line

采用奶油色背景、深墨色与柔和赭石/珊瑚色点缀的温暖自然色板。

03

字体

transitional-serif · humanist-sans

  • display56px · 500

大标题与品牌标识采用优雅过渡衬线体 · 正文与导航采用简洁人文无衬线体

04

间距

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

基于8px标准网格,保持充裕留白

05

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

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

导航元素采用柔和胶囊形边框

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

文字与图像交叠的非对称分屏主视觉

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

产品图像的水平轮播切换动效

可点击元素的微妙视觉反馈 · 直接导航

08

组件

  • button 文字简短的胶囊形实心按钮
  • card 依赖大尺寸图像与叠层文字的极简卡片
  • chip 带柔和边框的胶囊形导航标签
  • input 右上角简洁搜索图标
  • hero 一侧大尺寸摄影,另一侧排版的分屏布局

09

文案语气与禁用清单

  • 语气 温暖、包容,在设计与生活方式领域具有权威感
  • 标题风格 聚焦材质与设计的粗体优雅陈述
  • 按钮文案 简洁直接的指令(如“立即购买”)
  • 避免使用纯白背景——截图显示温暖的奶油色(#FDF8F0)背景
  • 避免使用刺眼的霓虹色或原色——截图显示柔和的赭石色点缀(#E07A5F)
  • 避免使用几何无衬线字体——截图显示大标题采用优雅过渡衬线体
  • 避免UI元素使用尖锐直角——截图显示胶囊形按钮与圆角边框
  • 避免深色模式或高对比度主题——截图显示明亮、温暖的浅色主题色板
  • 避免密集的多栏网格布局——截图显示大尺寸、通透的非对称分屏布局
  • 避免: 激进的销售话术
  • 避免: 技术术语
  • 避免: 杂乱的布局

11

System Prompt

本网站服务于名为‘Beautiful’的高端厨具消费品牌,强调生活方式与优雅设计。视觉标识温暖包容,采用奶油色背景(#FDF8F0)搭配深墨色(#1A1A1A)与柔和赭石/珊瑚色点缀(#E07A5F)。字体运用上,大尺寸展示标题采用优雅过渡衬线体,正文采用简洁人文无衬线体。关键设计准则包括:绝不使用纯白背景,避免刺眼霓虹色,始终采用圆角或胶囊形UI元素替代尖锐直角,并确保大量留白。布局应优先采用非对称分屏构图展现大尺寸高品质生活方式摄影。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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