---
name: "Ilia"
description: "纯净美妆品牌，强调摄影视觉表现力与克制、高端的 UI 设计，优先呈现产品图像。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#FAF7F8"
  primary: "#271F1F"
  secondary: "#5E5047"
  neutral: "#756E65"
  bg-soft: "#FFFFFF"
  bg-quiet: "#F5F5F5"
  muted-soft: "#E5E7EB"
  line: "rgba(229, 231, 235, 1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 40px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-1.6px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 4px
  md: 8px
  lg: 12px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

纯净摄影风美妆电商，采用暖色中性色调与精致排版。

*阳光展厅中的极简主义美妆柜台*

## Colors

暖色调中性色主导背景，深棕色作为主要前景色，营造高对比度但柔和的视觉美学。

- **Background (`#FAF7F8`)** — uses `bg` token
- **Primary text (`#271F1F`)** — uses `ink` token
- **Secondary text (`#5E5047`)** — uses `ink-soft` token
- **Muted (`#756E65`)** — uses `muted` token
- **Borders (`rgba(229, 231, 235, 1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** humanist-sans
- **Mono:** ui-monospace

- 导航与按钮标签使用大写字母
- 大尺寸展示文字采用紧凑字间距
- 混合字体粗细实现层级强调

## Layout

模态叠加层，左侧居中白色卡片，右侧全幅生活场景摄影

*Rhythm:* 基于4的网格系统，统一使用16px的栏间距与内边距

## Elevation & Depth

- 0px 4px 6px -1px rgba(0, 0, 0, 0.1)
- 0px 2px 4px -2px rgba(0, 0, 0, 0.1)
- Borders: 1px solid rgb(229, 231, 235) 用于分隔线，2px solid rgb(39, 31, 31) 用于主要按钮

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 12px
- `pill`: 999px

## Components

- **button:** 深棕色（#271F1F）填充按钮，白色大写文字，矩形，8px圆角
- **card:** 白色（#FFFFFF）模态卡片，12px圆角
- **chip:** 网格布局的分类选择按钮，保持8px统一间距
- **input:** 截图中不可见
- **hero:** 全视口分屏布局，包含模态叠加层与生活场景产品摄影

## Do's and Don'ts

**Don't:**
- 避免使用深色模式 — 截图显示浅色 #FAF7F8 背景
- 避免使用亮色点缀色 — 截图显示单色暖中性色调
- 避免使用手写或装饰字体 — 截图显示干净的几何与人文无衬线字体
- 避免使用浓重投影 — 截图显示低透明度的微妙投影
- 避免使用圆角药丸形按钮 — 截图显示8px圆角的矩形按钮
- 避免使用复杂布局 — 截图显示简洁的居中模态叠加层模式

---

## System Prompt (paste into AI agent)

```
纯净美妆电商品牌，采用暖色中性色板（#FAF7F8 背景，#271F1F 文字）与精致排版。使用几何与人文无衬线字体类别，展示文字采用紧凑字间距。以摄影产品图像为特色，搭配极简 UI 组件。关键设计原则：色彩克制、强调留白、高对比度排版。严格避免：深色模式、高饱和度色彩、装饰字体、浓重阴影、复杂渐变或激进动画。模态叠加层模式体现了品牌面向转化的设计理念。
```