---
name: Walden Us
description: "Excellent example of premium wellness branding that balances luxury aesthetics with functional e-commerce patterns."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#030302"
  secondary: "rgba(3,3,2,0.76)"
  neutral: "#808080"
  bg-soft: "#EDEDEDE"
  bg-quiet: "#F7F7F7"
  muted-soft: "rgba(3,3,2,0.4)"
  line: "rgba(3,3,2,0.15)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 40px
    lineHeight: 1.1
    fontWeight: 500
    letterSpacing: "-0.5px"
  h1:
    fontFamily: grotesque-sans
    fontSize: 20px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0"
  body:
    fontFamily: grotesque-sans
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0"
  small:
    fontFamily: grotesque-sans
    fontSize: 12px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0"

rounded:
  sm: 2px
  md: 8px
  lg: 12px
  pill: 999px

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

---

## Overview

High-end meditation and wellness brand with a calm, nature-focused design language.

*A luxury zen retreat for meditation products*

## Colors

Muted, nature-inspired palette dominated by white, deep green, and warm grays

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#030302`)** — uses `ink` token
- **Secondary text (`rgba(3,3,2,0.76)`)** — uses `ink-soft` token
- **Muted (`#808080`)** — uses `muted` token
- **Borders (`rgba(3,3,2,0.15)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** grotesque-sans

- Use Graphik for body text and navigation
- Use Geist for display headings and branding
- Maintain consistent letter spacing for readability

## Layout

Full-width image hero with centered modal overlay and structured product grid below

*Rhythm:* Consistent 4px base grid with generous padding for breathing room

## Elevation & Depth

- 0px 4px 20px 0px rgba(3,3,2,0.15)
- inset 0px 0px 0px 1px rgba(211,206,197,1)
- 0px 0px 30px 0px rgba(0,0,0,0.15)
- Borders: Subtle 1px borders using rgba(3,3,2,0.76)

## Shapes

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

## Components

- **button:** Full-width gray buttons with white text in modal, subtle borders on hover
- **card:** Product cards with full-bleed imagery and centered text labels
- **chip:** Text-based category chips in navigation
- **input:** Clean text input fields with subtle border
- **hero:** Large full-bleed nature photography with centered modal overlay

## Do's and Don'ts

**Don't:**
- Don't use bright accent colors — screenshot shows only white, gray, and dark green tones
- Don't use decorative fonts — screenshot shows clean geometric and grotesque sans-serifs
- Don't use rounded pill buttons everywhere — screenshot shows rectangular buttons with subtle rounding
- Don't create dense text layouts — screenshot shows generous white space and breathing room
- Don't use busy patterns — screenshot shows clean solid backgrounds with photography
- Don't use aggressive CTAs — screenshot shows calm, experience-based selection options

---

## System Prompt (paste into AI agent)

```
WALDEN is a premium meditation and wellness brand with a calm, nature-inspired design language. Key hex colors include white (#FFFFFF), near-black (#030302), and warm grays (#808080, #EDEDEDE). Typography uses geometric sans (Geist) for headings and grotesque sans (Graphik) for body text. The design emphasizes breathing room with generous padding and subtle borders. Critical donts: don't use bright accent colors (palette is muted), don't use decorative fonts (keep it clean and geometric), don't create dense layouts (maintain generous whitespace).
```