精选 · 开放 · 免费

Leifproducts

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

EditorialPhotographicCalmRefinedClean
Leifproducts 网站截图
↓ 下载设计系统包 (59 MB)在 OpenDesign 中打开

原站: https://leifproducts.com

📦 浏览包内文件 →

01

设计气质 DNA

极简海岸自然精致植物

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

02

色彩

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

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

03

字体

geometric-sans · grotesque-sans · monospaced

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

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

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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