---
name: Our Place
description: "This site is a strong example of a premium, modern DTC brand using a refined mix of serif and sans-serif typography to convey both heritage and contemporary style."
version: alpha

colors:
  background: "#fcfaf6"
  primary: "#35312e"
  secondary: "#60605e"
  tertiary: "#af5a3c"
  neutral: "#5a5854"
  bg-soft: "#f6f3eb"
  bg-quiet: "#ebe5d4"
  muted-soft: "#af5a3c"
  line: "rgba(53,49,46,0.2)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 48px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-0.5px"
  h2:
    fontFamily: grotesque-sans
    fontSize: 28px
    lineHeight: 1.2
    fontWeight: 600
    letterSpacing: "-0.2px"
  body:
    fontFamily: grotesque-sans
    fontSize: 16px
    lineHeight: 1.7
    fontWeight: 400
    letterSpacing: "0"
  caption:
    fontFamily: grotesque-sans
    fontSize: 12px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "0.96px"

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

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

---

## Overview

A premium DTC kitchenware brand that combines warm, earthy tones with clean, modern typography and photography-driven layouts.

*A premium home-goods brand blending rustic warmth with modern, clean lines.*

## Colors

Warm, earthy neutrals form the foundation, punctuated by a muted terracotta accent for CTAs.

- **Background (`#fcfaf6`)** — uses `bg` token
- **Primary text (`#35312e`)** — uses `ink` token
- **Secondary text (`#60605e`)** — uses `ink-soft` token
- **Accent (`#af5a3c`)** — uses `accent` token
- **Muted (`#5a5854`)** — uses `muted` token
- **Borders (`rgba(53,49,46,0.2)`)** — uses `line` token

## Typography

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

- Navigation text uses uppercase, wide letter-spacing, and a smaller font size.
- Display headlines use a refined transitional serif for a premium feel.
- Body text uses a highly legible, neutral grotesque sans-serif.

## Layout

A standard 12-column grid with a max-width container, centered content, and flexible spacing.

*Rhythm:* A consistent 4px base unit creates a steady vertical rhythm, with generous padding around interactive elements.

## Elevation & Depth

- rgba(0, 0, 0, 0.2) 0px 0px 18px 0px
- Borders: 1px solid rgba(53,49,46,0.2)

## Shapes

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

## Components

- **button:** Solid, rectangular buttons with slightly rounded corners (4px) and uppercase text. Primary CTAs use the muted terracotta accent.
- **card:** Minimalist product cards with generous whitespace and clean typography.
- **chip:** Simple text links or small uppercase tags used for navigation.
- **input:** Clean, border-bottom style inputs or simple outlined fields.
- **hero:** Full-width photographic hero sections with overlaid serif headlines and a primary CTA button.

## Do's and Don'ts

**Don't:**
- Don't use neon or highly saturated colors — the screenshot shows a muted, earthy palette.
- Don't use harsh, heavy drop shadows — the screenshot shows very subtle or no shadows.
- Don't use playful, rounded fonts for headlines — the screenshot shows a refined transitional serif.
- Don't use all-lowercase for navigation — the screenshot shows wide-tracked uppercase text.
- Don't use a stark black and white palette — the screenshot uses warm off-whites and dark greys.
- Don't use complex, busy backgrounds — the screenshot relies on clean photography and solid colors.

---

## System Prompt (paste into AI agent)

```
Our Place is a premium DTC kitchenware brand with a warm, refined, and modern aesthetic. The design system is built on a foundation of earthy neutrals (off-white #fcfaf6, dark grey #35312e) with a muted terracotta accent (#af5a3c). Typography pairs a clean, transitional serif for headlines with a neutral grotesque sans-serif for body text. The layout is spacious, using a standard 12-column grid and generous whitespace. Key critical donts include: do not use harsh shadows, avoid neon colors, and never use heavy, playful fonts. Interactions are smooth with subtle color transitions. The overall feeling is one of premium quality, warmth, and thoughtful, modern design.
```