---
name: "Isla Beauty"
description: "这个网站是运用一个强烈的单一强调色和富有表现力的排版，在拥挤市场中塑造高端、令人难忘的品牌形象的绝佳范例。"
version: alpha
specification_status: not-validated
license_status: unknown

colors:
  background: "#FDF9F4"
  primary: "#1A1A1A"
  secondary: "#6F6F6F"
  tertiary: "#E4263D"
  neutral: "#8A8580"
  bg-soft: "#F2DBC8"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 64px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1.5px"

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 (`#FDF9F4`)** — uses `bg` token
- **Primary text (`#1A1A1A`)** — uses `ink` token
- **Secondary text (`#6F6F6F`)** — uses `ink-soft` token
- **Accent (`#E4263D`)** — uses `accent` token
- **Muted (`#8A8580`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.1)`)** — uses `line` token

## Typography

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

- 使用 transitional-serif 字体用于醒目、富有表现力的展示标题。
- 使用 humanist-sans 字体用于清晰、易读的正文和导航。
- 保持展示文本紧凑的字间距，以营造精致感。

## Layout

一个干净、居中的布局，配有持久的顶部导航栏和大型、沉浸式的摄影区域。

*Rhythm:* 一个一致的 4px 网格提供了结构，而在推广区域则采用宽松的间距，以维持高端、整洁的感觉。

## Elevation & Depth

- rgba(0, 0, 0, 0.06) 0px 2px 8px 0px
- rgba(0, 0, 0, 0.1) 0px 5px 10px 0px

## Shapes

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

## Components

- **button:** 极简按钮，带有微妙的边框或实心填充，通常使用大写文本和胶囊形或略带圆角的形状。
- **card:** 干净的产品展示，依赖于高品质摄影和充足的留白。
- **chip:** 用于过滤或问卷选项的简单文本选择标签。
- **input:** 干净、不引人注目的输入框，边框极少。
- **hero:** 一个全宽、沉浸式的摄影主视觉区域，上方叠加了大型、富有表现力的排版。

## Do's and Don'ts

**Don't:**
- 不要使用复杂的渐变——截图显示的是纯色、干净的背景色。
- 不要使用深色模式——该网站整体使用浅色、奶油色的配色方案。
- 不要在展示文字中使用 playful 或圆润的无衬线字体——截图使用 transitional-serif 字体来呈现富有表现力的标题。
- 不要在组件上使用厚重的投影——截图显示了用于提升层次感的非常微妙、柔和的阴影。
- 不要使用明亮的霓虹色或原色——截图在柔和、温暖的调色板上使用了一个特定的、鲜艳的红色强调色。
- 不要使用多栏文本块——截图使用了充足的留白和居中的单栏布局以提升可读性。

---

## System Prompt (paste into AI agent)

```
这是一个高端、极简的护肤品电商网站。它的设计 DNA 由温暖的奶油灰白色背景（#FDF9F4）与鲜明的红色强调色（#E4263D）和炭墨色（#1A1A1A）对比定义。排版将富有表现力的 transitional-serif 标题与干净的 humanist-sans 正文混合使用。布局干净宽敞，运用高品质摄影营造沉浸、高端的感觉。关键禁忌：不要使用深色模式，不要使用霓虹色，也不要用复杂的渐变或厚重的阴影使界面变得杂乱。保持精致、自信且注重功效的语调。
```