---
name: "Ouraring"
description: "这是高端产品品牌设计的出色范例：通过克制的手法、高质量摄影和精致的排版，传达奢华感而不显浮夸。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#F7F1E8"
  primary: "#000000"
  secondary: "#4A4741"
  tertiary: "#2A72DE"
  neutral: "#A8A5A0"
  bg-soft: "#FFFFFF"
  bg-quiet: "#4A4741"
  muted-soft: "#838280"
  line: "rgba(0, 0, 0, 0.1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 80px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-5.5px"
  heading:
    fontFamily: humanist-sans
    fontSize: 40px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-2px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

用于健康追踪的高端智能戒指，采用精致、低调的美学设计。

*一款无缝融入日常生活的奢华健康设备。*

## Colors

温暖沉稳的中性色，搭配单一的临床蓝作为交互元素的点缀色。

- **Background (`#F7F1E8`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#4A4741`)** — uses `ink-soft` token
- **Accent (`#2A72DE`)** — uses `accent` token
- **Muted (`#A8A5A0`)** — uses `muted` token
- **Borders (`rgba(0, 0, 0, 0.1)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** humanist-sans

## Layout

居中单栏内容，留白充裕，偶尔采用并排模态框。

*Rhythm:* 基于标准4px网格，垂直间距充裕，营造高端质感。

## Elevation & Depth

- 0 1px 0 rgba(255, 255, 255, 0.06) inset
- Borders: 1px solid #ECECEC 作为主要分隔线

## Shapes

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

## Components

- **button:** 药丸形，深色实心背景配白色文字，或蓝色背景。
- **card:** 干净，带细微边框或无明显卡片，依赖摄影表现。
- **input:** 圆润的药丸形输入框，带浅色边框。
- **hero:** 大字体标题，搭配电影感的产品摄影。

## Do's and Don'ts

**Don't:**
- 避免使用明亮、霓虹或刺眼的强调色——截图显示在温暖中性色背景上使用单一的灰蓝色点缀（#2A72DE）。
- 避免在主要按钮上使用尖锐的直角——截图显示采用完全圆润的药丸形按钮（border-radius: 9999px）。
- 避免在标题中使用粗重、块状的无衬线字体——截图显示展示文本采用精致的衬线字体（Editorial New）。
- 避免在界面上堆砌多个相互竞争的视觉元素——截图显示留白充裕，UI框架极简。
- 避免将纯黑色作为默认背景——截图显示采用温暖的米白色背景（#F7F1E8）或深灰色（#4A4741）。
- 避免使用小而拥挤的排版或过紧的行高——截图显示字体大而清晰，间距充裕。

---

## System Prompt (paste into AI agent)

```
一个高端健康可穿戴品牌网站，将精致的衬线字体与温暖沉稳的中性色系相结合。设计强调电影感的产品摄影、充裕的留白和极简的界面。关键色为温暖的米白色（#F7F1E8）、深炭灰色（#4A4741）和单一的灰蓝色点缀（#2A72DE）。主要字体类别为用于展示的过渡衬线体和用于正文的人文主义无衬线体。关键注意事项：避免使用刺眼的霓虹色、尖锐的直角按钮、块状的无衬线标题和杂乱的布局。整体感觉应精致、沉静、高端，优先展现产品之美而非激进的营销。
```