---
name: "Leifproducts"
description: "该网站堪称典范，展示了如何通过克制的排版和严格中性的调色板，来提升丰富、有氛围感的摄影表现力。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#FAFAF9"
  primary: "#000000"
  secondary: "#262525"
  neutral: "#B2B2B2"
  muted-soft: "#EDEDE7"
  line: "rgb(214, 209, 199)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 52px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-0.52px"
  body:
    fontFamily: grotesque-sans
    fontSize: 16px
    lineHeight: 1.15
    fontWeight: 500
    letterSpacing: "normal"
  caption:
    fontFamily: grotesque-sans
    fontSize: 12px
    lineHeight: 1.3
    fontWeight: 500
    letterSpacing: "0.65px"

rounded:
  sm: 0px
  md: 6px
  lg: 8px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 12px
  lg: 16px
  xl: 20px
  2xl: 24px
  3xl: 32px

---

## Overview

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

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

## Colors

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

- **Background (`#FAFAF9`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#262525`)** — uses `ink-soft` token
- **Muted (`#B2B2B2`)** — uses `muted` token
- **Borders (`rgb(214, 209, 199)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** grotesque-sans
- **Mono:** monospaced

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

## Layout

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

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

## Elevation & Depth

- rgba(0, 0, 0, 0.1) 0px 2px 20px 0px
- Borders: 1px solid rgb(214, 209, 199) 或 rgb(38, 37, 37)

## Shapes

- `sm`: 0px
- `md`: 6px
- `lg`: 8px
- `pill`: 999px

## Components

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

## Do's and Don'ts

**Don't:**
- 不要使用明亮或饱和的强调色——截图显示的是严格中性、单色的调色板。
- 不要使用装饰性或高度风格化的字体——截图显示的是干净的几何无衬线体与怪诞无衬线体。
- 不要过度拥挤布局——截图显示的是充足的留白和元素间宽大的呼吸空间。
- 不要到处使用重度圆角——截图显示的是锋利边缘或非常细微的6-8px圆角。
- 不要使用复杂、多色的渐变——截图显示的是纯色平面背景。
- 不要依赖厚重的投影营造深度——截图采用的是平面设计，仅使用极简、细微的阴影。

---

## System Prompt (paste into AI agent)

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