---
name: "Periodaisle"
description: "一个现代、富有同理心的DTC品牌的典范，它通过设计将一个常被冷冰冰的临床感所笼罩的品类变得正常化。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#FFFFFB"
  primary: "#292623"
  secondary: "rgba(41,38,35,0.7)"
  tertiary: "#144747"
  neutral: "#D3CEC5"
  bg-soft: "#E9EEEA"
  bg-quiet: "#F5F5F2"
  muted-soft: "rgba(255,255,251,0.6)"
  line: "rgba(41,38,35,1.0)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 72px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-1px"
  heading:
    fontFamily: humanist-sans
    fontSize: 24px
    lineHeight: 1.2
    fontWeight: 700
    letterSpacing: "0"
  body:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0"
  caption:
    fontFamily: humanist-sans
    fontSize: 12px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0.36px"

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

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

---

## Overview

一个直接面向消费者的可持续经期护理品牌，采用温暖、质朴的色调和包容性的摄影风格。

*一个温暖、质朴的健康品牌，感觉像一位朋友。*

## Colors

大地色系的中性色和深蓝绿色提供了一个沉稳、可信赖的基础。

- **Background (`#FFFFFB`)** — uses `bg` token
- **Primary text (`#292623`)** — uses `ink` token
- **Secondary text (`rgba(41,38,35,0.7)`)** — uses `ink-soft` token
- **Accent (`#144747`)** — uses `accent` token
- **Muted (`#D3CEC5`)** — uses `muted` token
- **Borders (`rgba(41,38,35,1.0)`)** — uses `line` token

## Typography

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

- 导航和标签使用大写字母。
- 正文使用人文主义无衬线字体以提升可读性。
- 大尺寸展示字体使用过渡衬线字体以增添优雅感。

## Layout

全宽主视觉区域，搭配堆叠式内容块和简洁的产品网格。

*Rhythm:* 标准的4px网格，并对按钮和输入框设置特定的padding覆盖。

## Elevation & Depth

- 0px 0px 0px 2px inset rgb(20, 71, 71)
- 0px 0px 0px 2px inset rgb(255, 255, 251)
- 0px 1px 0px 0px rgb(255, 255, 255)
- Borders: 1px solid rgba(41,38,35,1.0)

## Shapes

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

## Components

- **button:** 胶囊形和矩形按钮，带有内嵌box-shadow以营造触感。
- **card:** 简洁、无边框的卡片，带有细微的背景颜色变化。
- **chip:** 简单的文本标签，带有蓝绿色的背景高亮。
- **input:** 简单的矩形输入框，带有细边框和圆角。
- **hero:** 大型沉浸式摄影，搭配强有力的衬线字体标题。

## Do's and Don'ts

**Don't:**
- 不要使用高饱和度的霓虹色——截图显示的是大地色、柔和的色调，如 #E9EEEA 和 #D3CEC5。
- 不要使用纯粹的几何无衬线字体——截图显示正文使用的是人文主义无衬线字体 (Montserrat)。
- 不要使UI过于复杂，层次过多——截图显示的是一个简洁、扁平的层级结构。
- 不要在主要元素上使用尖锐、生硬的圆角——截图显示的是圆角矩形和胶囊形状。
- 不要到处使用刺眼、临床的纯白背景——截图显示的是温暖的米白色 (#FFFFFB)。
- 不要使用纯粹的单色方案——截图使用深蓝绿色点缀 (#144747) 以增加视觉趣味。

---

## System Prompt (paste into AI agent)

```
Aisle 是一个包容、可持续的经期护理品牌，采用温暖、质朴的配色方案（米白色 #FFFFFB，深蓝绿色 #144747，以及多种灰/棕色调）。设计依赖于人文主义无衬线字体 (Montserrat) 作为正文字体，并使用过渡衬线字体作为展示字体。关键禁忌：避免霓虹色，不要使用纯粹的几何字体，不要创建过于临床或复杂的UI。布局简洁宽敞，专注于包容性的摄影和直接的产品教育。
```