OpenDesign·你的设计资产库

网页参考

Palais Bio

一个高端植物基食品品牌,拥有精致、插画风格的编辑式美学。

EditorialPremiumCleanCuration

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

01

设计气质 DNA

植物基厨房现代有机可持续

现代美食杂志邂逅植物素描本。

02

色彩

#F5C518Accent
#1A2B6BInk
#FAFAF5BG
#F4F4EFBG soft
#8A9AB5Muted
rgba(26, 43, 107, 0.1)Line

柔和、有机的米白色基底搭配深海军蓝,形成强烈的排版对比,并以单一活力黄色作为点缀。

03

字体

geometric-sans · humanist-sans

  • display56px · 800
  • headline40px · 400
  • body18px · 400

主要展示文字使用粗体、大写无衬线字体。 · 正文使用干净、中性的无衬线字体。 · 导航链接使用全大写并搭配宽松字距。

04

间距

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

充足留白以强调内容并营造高级感。

05

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

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

极简,通常依赖颜色对比与留白进行分隔。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

非对称的编辑式布局,包含重叠的有机形状与插画。

07

动效与交互

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

交互元素在悬停时发生细微颜色变化或透明度偏移。 · 即时视觉反馈。

08

组件

  • button 纯色填充,圆角,大写文本。
  • card 内容以有机、流畅的形状呈现,并带有插画叠加层。
  • input 标准表单元素,搭配细微边框。
  • hero 大型、具有冲击力的区域,采用粗体排版、有机色块与摄影元素。

09

文案语气与禁用清单

  • 语气 温暖、有邀请感且目标明确。
  • 标题风格 粗体、宣言式且现代。
  • 按钮文案 清晰、行动导向且大写。
  • 不要使用纯白色背景——截图显示为温暖的米白色基底。
  • 不要使用刺眼、霓虹感的强调色——强调色是单一、温暖的黄色。
  • 不要使用纯几何布局——设计采用有机、流畅的形状。
  • 不要使用密集、拥挤的文本块——布局是宽敞的编辑式风格。
  • 不要对所有元素使用厚重的投影——设计是扁平的,具有极简深度。
  • 不要使用深色模式主题——网站从根本上是明亮、通透的。
  • 避免: 技术术语
  • 避免: 激进的营销语言
  • 避免: 过于复杂的句子

11

System Prompt

这是一个高端植物基食品品牌网站,拥有精致的编辑式美学。设计基因核心为温暖的米白色背景(#FAFAF5),搭配深海军蓝(#1A2B6B)形成强烈的排版对比,并以单一活力黄色(#F5C518)作为点缀。排版上,展示文字使用粗体几何无衬线字体,正文使用干净的人文主义无衬线字体。布局非对称且宽敞,采用有机、流畅的形状与植物学插画,并与摄影图像重叠。关键禁忌包括:绝不使用纯白色背景,绝不使用多种竞争性强调色,绝不创建密集、杂乱的布局。整体感觉是干净、目标明确且高级的。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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