---
name: "Jones Road"
description: "该网站是克制、高端美容品牌设计的典范，运用极简配色与优雅排版，让产品摄影成为绝对焦点。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#FFFFFF"
  primary: "#000000"
  secondary: "#333333"
  tertiary: "#FF2E92"
  neutral: "#898989"
  bg-soft: "#F5F2EC"
  bg-quiet: "#E0DED8"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 48px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-0.5px"
  body:
    fontFamily: grotesque-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0.4px"
  label:
    fontFamily: grotesque-sans
    fontSize: 14px
    lineHeight: 1.5
    fontWeight: 700
    letterSpacing: "1px"

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

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

---

## Overview

一个高端、极简的美容品牌，专注于毫不费力、肤感优先的彩妆必需品，具有干净、编辑式的美学风格。

*一个高端、极简美容必需品的精选画廊。*

## Colors

以高对比度单色为基底，搭配单一、醒目的洋红色点缀，用于交互高亮与徽章。

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#333333`)** — uses `ink-soft` token
- **Accent (`#FF2E92`)** — uses `accent` token
- **Muted (`#898989`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.1)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** grotesque-sans
- **Mono:** monospaced-sans

- 使用过渡衬线体用于优雅、高对比度的标题。
- 使用干净的 grotesque-sans 用于正文文本和主要界面元素。
- 使用加粗、宽体的 grotesque-sans 用于品牌标识和强行动号召。
- 对标签和按钮应用大写与宽字间距。

## Layout

全宽主视觉区，内容居中，过渡到结构化的多栏产品网格。

*Rhythm:* 充裕的 padding 和留白营造出高端、通透的布局。

## Elevation & Depth

- rgba(0,0,0,0.25) 0px 5.78px 5.78px 0px
- Borders: 极简风格，使用细 1px 实线黑色或洋红色线条进行分隔与高亮。

## Shapes

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

## Components

- **button:** 黑色背景配白色大写文本，直角边框，宽字间距。洋红色变体用于次要操作。
- **card:** 干净的白色背景配最小化边框，聚焦于高质量的产品摄影。
- **chip:** 大写文本标签配细底边框，激活状态切换为洋红色。
- **input:** 简单的线条式输入框配黑色边框，保持极简美学。
- **hero:** 大尺寸摄影主视觉区，配衬线标题、无衬线描述和一个醒目的黑色 CTA 按钮。

## Do's and Don'ts

**Don't:**
- 不要在主要按钮上使用圆角——截图显示为直角矩形按钮形状。
- 不要给产品卡片添加阴影——截图显示为平面、无边框的卡片。
- 不要使用多种强调色——截图仅显示单一的洋红色点缀。
- 不要使用手写或花体字体——截图仅显示衬线体和无衬线体类别。
- 不要使用沉重的背景图案——截图显示为干净的白色或米白色背景。
- 不要使用狭小、拥挤的间距——截图显示为充裕的 padding 和留白。

---

## System Prompt (paste into AI agent)

```
此设计用于一个定位为“毫不费力、百搭、肤感优先”的高端、极简美容品牌。配色严格为单色（黑色 #000000 搭配白色 #FFFFFF），点缀以单一、醒目的洋红色 (#FF2E92)。排版将优雅的过渡衬线体用于标题，搭配干净的 grotesque-sans 用于正文。避免为按钮添加圆角，使用多种强调色，或给产品卡片添加阴影。布局优先考虑充裕的留白和高质量的摄影，而非复杂的装饰元素。对导航和交互元素使用大写、宽间距的标签，以维持精致、编辑式的感受。
```