精选 · 开放 · 免费
Leifproducts
一个精致的澳大利亚植物品牌,运用广阔的摄影画面与克制的排版,唤起宁静、自然的奢华感。
EditorialPhotographicCalmRefinedClean
01
设计气质 DNA
极简海岸自然精致植物
一本精选的植物学杂志与一处海岸奢华度假胜地的结合。
02
色彩
#000000Ink
#262525Ink soft
#FAFAF9BG
#B2B2B2Muted
rgb(214, 209, 199)Line
高对比度的中性色(黑色、灰白、柔和灰色)作为纯净底色,让大地色系的自然摄影成为视觉焦点。
03
字体
geometric-sans · grotesque-sans · monospaced
- display
52px · 500 - body
16px · 500 - caption
12px · 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
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Leif Products是一个精致的澳大利亚植物品牌,采用以摄影为驱动的编辑式设计,传达宁静与自然奢华感。调色板依赖高对比度中性色,包括灰白背景(#FAFAF9)、纯黑文字(#000000)和细微的暖灰色(#EDEDE7)。字体在展示用的几何无衬线体、正文用的怪诞无衬线体以及描述细节用的等宽字体之间交替,保持清晰且结构化的层级。关键在于,避免使用鲜艳的强调色、过度使用圆角或杂乱的布局;相反,应优先考虑充足的留白、大型摄影焦点,以及具有细微0.3秒过渡的锐利、极简UI组件。
en · zh-CN · zh-TW · ja · ko