---
name: Loveseen
description: "A strong example of how photography-first design can create a luxurious and inclusive brand experience."
version: alpha

colors:
  background: "#FAF6F5"
  primary: "#00091B"
  secondary: "#E0D2D1"
  neutral: "#E0D2D1"
  bg-soft: "#FFFDFB"
  bg-quiet: "#F2EDE7"
  muted-soft: "#E0D2D1"
  line: "rgba(0,9,27,0.1)"

typography:
  display:
    fontFamily: didone-serif
    fontSize: 48px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  heading:
    fontFamily: geometric-sans
    fontSize: 30px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0.5px"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.25
    fontWeight: 400
    letterSpacing: "0.4px"
  caption:
    fontFamily: geometric-sans
    fontSize: 13px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0.43px"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 999px

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

---

## Overview

A premium beauty e-commerce site driven by high-impact photography and elegant serif typography.

*A curated gallery of beauty photography*

## Colors

Warm, skin-tone inspired neutral palette that lets photography dominate.

- **Background (`#FAF6F5`)** — uses `bg` token
- **Primary text (`#00091B`)** — uses `ink` token
- **Secondary text (`#E0D2D1`)** — uses `ink-soft` token
- **Muted (`#E0D2D1`)** — uses `muted` token
- **Borders (`rgba(0,9,27,0.1)`)** — uses `line` token

## Typography

- **Display:** didone-serif
- **Body:** geometric-sans
- **Mono:** geometric-sans

- All-caps for navigation and UI elements
- Tight letter-spacing on display type
- Generous letter-spacing on uppercase UI text

## Layout

Full-bleed hero imagery followed by grid sections

*Rhythm:* Generous vertical spacing between sections

## Elevation & Depth

- Borders: 1px solid borders using muted neutral tones

## Shapes

- `sm`: 0px
- `md`: 0px
- `lg`: 0px
- `pill`: 999px

## Components

- **button:** Minimal outlined buttons with uppercase text
- **card:** No visible card borders, using whitespace and imagery
- **chip:** Simple outlined chips with rounded borders
- **input:** Underline style inputs with minimal styling
- **hero:** Split-screen photographic hero with transparent navigation overlay

## Do's and Don'ts

**Don't:**
- Don't use high-chroma accent colors — screenshot shows a muted, neutral palette.
- Don't use heavy drop shadows or 3D effects — screenshot shows flat, clean surfaces.
- Don't use rounded corners on cards or buttons — screenshot shows sharp, clean edges.
- Don't use lowercase text for navigation — screenshot shows all-caps UI elements.
- Don't use bold weights for body text — screenshot shows a consistent 400 weight.
- Don't use busy background patterns — screenshot shows solid, soft neutral backgrounds.

---

## System Prompt (paste into AI agent)

```
A premium beauty e-commerce site driven by high-impact photography and elegant serif typography. The brand identity is defined by a warm, skin-tone inspired neutral palette (bg #FAF6F5, ink #00091B) that lets imagery dominate. Typography uses a didone-serif for display (GlossyDisplayWeb) and a geometric-sans for body (BeausiteWeb), both with generous letter-spacing in uppercase. Critical don'ts: Do not use bright accent colors, do not apply heavy shadows, and do not use rounded corners on UI elements. Maintain a clean, editorial aesthetic with minimal UI chrome and generous whitespace to showcase the product photography.
```