---
name: One Page Love
description: "A perfect example of a refined, editorial-style gallery with a warm, paper-like aesthetic."
version: alpha

colors:
  background: "#EEEAE7"
  primary: "#2D251F"
  secondary: "#7E6858"
  tertiary: "#D94F5C"
  neutral: "#9B816F"
  bg-soft: "#F7F4F3"
  bg-quiet: "#FFFFFF"
  muted-soft: "#B09B8D"
  line: "rgba(222, 213, 207, 1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 40px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-1px"
  body:
    fontFamily: system-sans
    fontSize: 17px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: system-sans
    fontSize: 12.75px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-0.3px"

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

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

---

## Overview

A warm, minimalist gallery for curated one-page websites.

*A meticulously organized design library with a warm, paper-like aesthetic.*

## Colors

Warm neutrals with a single coral accent and dark brown ink for high contrast and a paper-like feel.

- **Background (`#EEEAE7`)** — uses `bg` token
- **Primary text (`#2D251F`)** — uses `ink` token
- **Secondary text (`#7E6858`)** — uses `ink-soft` token
- **Accent (`#D94F5C`)** — uses `accent` token
- **Muted (`#9B816F`)** — uses `muted` token
- **Borders (`rgba(222, 213, 207, 1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** system-sans
- **Mono:** ui-monospace

- Use Geist for display headlines.
- Use system-ui for body text.
- Use Geist Mono for category tags and metadata.
- Strict 400 font weight for primary text.

## Layout

Three-column masonry-style grid for gallery cards.

*Rhythm:* Consistent 4px grid with generous padding around content cards.

## Elevation & Depth

- Borders: Subtle 1px borders in light taupe.

## Shapes

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

## Components

- **button:** Minimal text buttons with subtle underlines or outlines.
- **card:** Clean, white-background cards with subtle rounded corners and thin borders.
- **chip:** Mono-font tags with thin borders.
- **input:** Minimal search input with a thin border.
- **hero:** Center-aligned text hero with generous whitespace.

## Do's and Don'ts

**Don't:**
- Don't use stark white backgrounds — screenshot shows warm, textured beige and off-white surfaces.
- Don't use a heavy sans-serif for body text — screenshot shows system fonts or monospaced text for tags.
- Don't use deep black for text — screenshot shows a warm, dark brown ink color.
- Don't use vibrant or neon colors — screenshot shows a single muted coral accent.
- Don't use complex drop shadows — screenshot shows flat, clean surfaces.
- Don't use a dense, cluttered layout — screenshot shows generous whitespace around elements.

---

## System Prompt (paste into AI agent)

```
One Page Love is a minimalist, warm-toned website gallery featuring curated one-page sites. It uses a palette of beige and off-white backgrounds with dark brown ink and a single coral accent. Typography relies on Geist and Geist Mono with system font fallbacks, prioritizing readability. The layout is a clean three-column grid. Critical donts: Never use stark white backgrounds, never use vibrant or neon colors, and never use complex drop shadows. The tone is professional, editorial, and understated.
```