01
设计气质 DNA
植物基厨房现代有机可持续
现代美食杂志邂逅植物素描本。
02
色彩
#F5C518Accent#1A2B6BInk#FAFAF5BG#F4F4EFBG soft#8A9AB5Mutedrgba(26, 43, 107, 0.1)Line柔和、有机的米白色基底搭配深海军蓝,形成强烈的排版对比,并以单一活力黄色作为点缀。
03
字体
- display
56px · 800 - headline
40px · 400 - body
18px · 400
主要展示文字使用粗体、大写无衬线字体。 · 正文使用干净、中性的无衬线字体。 · 导航链接使用全大写并搭配宽松字距。
04
间距
4px8px16px24px32px48px64px96px充足留白以强调内容并营造高级感。
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)作为点缀。排版上,展示文字使用粗体几何无衬线字体,正文使用干净的人文主义无衬线字体。布局非对称且宽敞,采用有机、流畅的形状与植物学插画,并与摄影图像重叠。关键禁忌包括:绝不使用纯白色背景,绝不使用多种竞争性强调色,绝不创建密集、杂乱的布局。整体感觉是干净、目标明确且高级的。