OpenDesign·你的设计资产库

网页参考

Leifproducts

一个精致的澳大利亚植物品牌，运用广阔的摄影画面与克制的排版，唤起宁静、自然的奢华感。

EditorialPhotographicCalmRefinedClean
Leifproducts 网站截图

01

设计气质 DNA

极简海岸自然精致植物

一本精选的植物学杂志与一处海岸奢华度假胜地的结合。

02

色彩

#000000Ink
#262525Ink soft
#FAFAF9BG
#B2B2B2Muted
rgb(214, 209, 199)Line

高对比度的中性色（黑色、灰白、柔和灰色）作为纯净底色，让大地色系的自然摄影成为视觉焦点。

03

字体

geometric-sans · grotesque-sans · monospaced

  • display52px · 500
  • body16px · 500
  • caption12px · 500

导航和分类标签使用大写字母并加大字间距。 · 大型展示标题保持紧凑的负字间距。 · 描述性气味笔记和分类使用等宽字体。

04

间距

4px
8px
12px
16px
20px
24px
32px
48px
64px
113px

以4px为基础增量，并搭配慷慨的113px垂直间距，形成独特而通透的节奏感。

05

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

sm · 0px
md · 6px
lg · 8px
pill · 999px

1px solid rgb(214, 209, 199) 或 rgb(38, 37, 37)

rgba(0, 0, 0, 0.1) 0px 2px 20px 0px

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

简洁的多栏非对称网格，偏好大面积摄影区块，搭配充足的留白与紧凑的文本块。

07

动效与交互

220msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

悬停状态和交互元素使用0.3秒过渡。 · 更广泛的UI状态变化使用0.5秒过渡。

交互元素上的细微透明度或颜色变化。 · 通过填充/未填充的单选按钮指示状态变化。

08

组件

  • button 实心黑色矩形按钮，配以大写白色文字。
  • card 以图像为核心的卡片，配以极简的文字叠加和细微边框。
  • chip 单选按钮样式的圆形选择器，配以大写文字标签。
  • input 极简输入框，带细微底边框和等宽字体文字。
  • hero 分屏布局，一侧为主导性的全高图像，另一侧为专门的文本列。

09

文案语气与禁用清单

  • 语气 平静、富有感染力且精致。
  • 标题风格 简短、富有感染力的短语，设定情绪或场景。
  • 按钮文案 直接、大写且以行动为导向的指令。
  • 不要使用明亮或饱和的强调色——截图显示的是严格中性、单色的调色板。
  • 不要使用装饰性或高度风格化的字体——截图显示的是干净的几何无衬线体与怪诞无衬线体。
  • 不要过度拥挤布局——截图显示的是充足的留白和元素间宽大的呼吸空间。
  • 不要到处使用重度圆角——截图显示的是锋利边缘或非常细微的6-8px圆角。
  • 不要使用复杂、多色的渐变——截图显示的是纯色平面背景。
  • 不要依赖厚重的投影营造深度——截图采用的是平面设计，仅使用极简、细微的阴影。
  • 避免: 喧闹的促销语言
  • 避免: 拥挤或杂乱的布局
  • 避免: 鲜艳的霓虹色彩
  • 避免: 俏皮或异想天开的字体

10

包内真实截图

Leifproducts — 桌面首屏（hero）
桌面首屏（hero）
Leifproducts — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Leifproducts — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Leifproducts — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Leifproducts — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Leifproducts — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Leifproducts — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Leifproducts — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Leifproducts — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Leifproducts — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Leifproducts — 移动首屏
移动首屏

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

Leif Products是一个精致的澳大利亚植物品牌，采用以摄影为驱动的编辑式设计，传达宁静与自然奢华感。调色板依赖高对比度中性色，包括灰白背景(#FAFAF9)、纯黑文字(#000000)和细微的暖灰色(#EDEDE7)。字体在展示用的几何无衬线体、正文用的怪诞无衬线体以及描述细节用的等宽字体之间交替，保持清晰且结构化的层级。关键在于，避免使用鲜艳的强调色、过度使用圆角或杂乱的布局；相反，应优先考虑充足的留白、大型摄影焦点，以及具有细微0.3秒过渡的锐利、极简UI组件。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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