---
name: Rebeccaatwood
description: "An excellent example of how to blend premium, artisanal branding with clean e-commerce functionality through restrained color and elegant typography."
version: alpha

colors:
  background: "#F5F5F5"
  primary: "#000000"
  tertiary: "#F5A73C"
  neutral: "#6084B5"
  bg-soft: "#F1F1F0"
  line: "rgba(0,0,0,1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 40px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  h2:
    fontFamily: transitional-serif
    fontSize: 24px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: transitional-serif
    fontSize: 16px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: transitional-serif
    fontSize: 12px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"

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

Artisanal textile brand blending botanical photography with refined typography.

*A sun-drenched artisan studio where organic textures meet editorial typography.*

## Colors

A restrained, neutral palette of whites and warm earth tones, allowing the vibrant, high-chroma orange accent to serve as a singular, energetic focal point against organic photography.

- **Background (`#F5F5F5`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Accent (`#F5A73C`)** — uses `accent` token
- **Muted (`#6084B5`)** — uses `muted` token
- **Borders (`rgba(0,0,0,1)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** transitional-serif
- **Mono:** monospace

- Use Signifier for all primary headings and brand identity.
- Use monospace for functional UI elements like navigation links, button text, and labels.

## Layout

Full-bleed photography with overlaid typography, transitioning to clean white grids for product display.

*Rhythm:* Generous padding and large gaps between sections to let the imagery breathe.

## Elevation & Depth

- Borders: Minimal to non-existent; relies on spacing and background color shifts for separation.

## Shapes

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

## Components

- **button:** Text-only button with monospace font, underlined on hover, no background.
- **card:** Clean white background with centered product photography and stacked serif typography.
- **chip:** None visible.
- **input:** Minimal text input with a single bottom border.
- **hero:** Full-bleed photographic background with massive, tightly-tracked serif brand name overlaid.

## Do's and Don'ts

**Don't:**
- Don't use aggressive, high-chroma colors — screenshot shows a restrained, earthy palette.
- Don't use rounded corners or soft borders — screenshot shows sharp, zero-radius edges.
- Don't use heavy drop shadows — screenshot relies on spacing and image contrast.
- Don't use sans-serif fonts for headlines — screenshot uses transitional-serif for display.
- Don't clutter the layout with dense UI elements — screenshot prioritizes generous white space.
- Don't use monospace fonts for primary headings — screenshot reserves them for functional UI.

---

## System Prompt (paste into AI agent)

```
This site is a premium, artisanal textile brand e-commerce platform. The design DNA is defined by a restrained, warm neutral palette (#F1F1F0, #F5F5F5) that lets high-quality botanical photography breathe. The typography is a mix of refined transitional-serif (Signifier) for display and body text, and a clean monospace (SohneMono) for functional UI elements like navigation and buttons. A single, high-chroma orange accent (#F5A73C) is used sparingly for newsletter popups. Key critical donts: Never use aggressive or neon colors, never use rounded corners or drop shadows, and always prioritize generous spacing over cluttered layouts. The overall aesthetic is editorial and refined, leaning heavily on photographic storytelling.
```