---
name: Ashleyandco
description: "A textbook example of modern minimalism for luxury consumer goods, proving that restraint and high-quality imagery are more effective than complex UI elements."
version: alpha

colors:
  background: "#F6F3F0"
  primary: "#3C3C3C"
  neutral: "#939393"
  line: "rgba(3C3C3C, 0.1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 42px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  body:
    fontFamily: grotesque-sans
    fontSize: 12px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0.28px"

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

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

---

## Overview

A modern scent company using soft neutrals and photographic minimalism to create a calm, premium shopping experience.

*A high-end minimalist boutique that relies on atmospheric photography and quiet typography.*

## Colors

Warm, desaturated neutrals that recede to let lifestyle photography dominate.

- **Background (`#F6F3F0`)** — uses `bg` token
- **Primary text (`#3C3C3C`)** — uses `ink` token
- **Muted (`#939393`)** — uses `muted` token
- **Borders (`rgba(3C3C3C, 0.1)`)** — uses `line` token

## Typography

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

- Display uses a serif for elegant contrast against the clean sans-serif body text.
- Navigation and secondary text are heavily tracked uppercase to maintain a clean, rhythmic baseline.
- Body text remains small and unobtrusive to maximize the negative space.

## Layout

Asymmetrical split layouts and full-width atmospheric photography.

*Rhythm:* Generous padding within containers to maintain a premium, uncluttered feel.

## Elevation & Depth

- Borders: Minimal, often defined by a simple 1px line in dark ink or muted gray.

## Shapes

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

## Components

- **button:** High-contrast solid rectangles with uppercase text and sharp corners.
- **card:** Image-forward cards with minimal borders and clean typography.
- **chip:** Simple pill-shaped or rectangular tags.
- **input:** Minimalist underline-only inputs.
- **hero:** Full-viewport or large photographic backgrounds with overlaid serif headlines.

## Do's and Don'ts

**Don't:**
- Don't use vibrant or high-chroma colors — the screenshot shows a strictly warm, desaturated neutral palette.
- Don't use decorative or heavy fonts — the screenshot shows clean grotesque-sans for body and a refined transitional-serif for display.
- Don't add drop shadows or heavy borders — the screenshot shows flat, borderless surfaces that rely on negative space.
- Don't use rounded buttons or cards — the screenshot shows sharp, rectangular corners (even 10px radius is used sparingly).
- Don't use small, crowded layouts — the screenshot shows generous padding and wide gaps between elements.
- Don't use an aggressive or promotional tone — the screenshot shows calm, refined language focused on lifestyle.

---

## System Prompt (paste into AI agent)

```
This design DNA is for a premium scent company with a calm, minimalist, and photographic approach. It uses a warm neutral palette (#F6F3F0, #3C3C3C, #939393) and a clean typographic hierarchy pairing a transitional-serif display font with a grotesque-sans body font. The layout relies on generous negative space and high-quality lifestyle imagery. Critical donts: avoid vibrant colors, avoid heavy shadows or borders, avoid decorative fonts, avoid rounded UI elements, avoid dense text, and avoid aggressive or promotional language. This style is suitable for premium consumer brands, editorial sites, or high-end product showcases where atmosphere is paramount.
```