---
name: Robertaspizza
description: "Worth including for its successful execution of a bold, photography-driven editorial style with high-contrast typography."
version: alpha

colors:
  background: "#2B3036"
  primary: "#FFFFFF"
  tertiary: "#ED2023"
  neutral: "#2B3036"
  line: "rgba(43, 47, 54, 1.0)"

typography:
  display:
    fontFamily: display-serif
    fontSize: 80px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"
  headline:
    fontFamily: grotesque-sans
    fontSize: 34px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: grotesque-sans
    fontSize: 22px
    lineHeight: 1.36
    fontWeight: 400
    letterSpacing: "0px"
  small:
    fontFamily: grotesque-sans
    fontSize: 14px
    lineHeight: 1.36
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A bold, high-contrast editorial layout for an artisanal pizza brand.

*A Brooklyn pizza box wrapper*

## Colors

High contrast with a dominant, energetic red accent against dark and white backgrounds.

- **Background (`#2B3036`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Accent (`#ED2023`)** — uses `accent` token
- **Muted (`#2B3036`)** — uses `muted` token
- **Borders (`rgba(43, 47, 54, 1.0)`)** — uses `line` token

## Typography

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

- Use Offset TM for all headlines and buttons.
- Use Source Sans 3 for body text if available.
- Ensure strong contrast between white text and dark/red backgrounds.

## Layout

Full-width photographic hero with stacked content blocks below.

*Rhythm:* Generous vertical padding (96px, 128px) for major sections.

## Elevation & Depth

- 0px 4px 4px 0px rgba(0, 0, 0, 0.25)
- Borders: 2px solid for buttons and active elements.

## Shapes

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

## Components

- **button:** Large, uppercase, rounded rectangles with solid fills (Red, White, Dark Grey).
- **card:** Simple rectangular cards with drop shadows.
- **hero:** Full-viewport background image/video with centered text and CTA.

## Do's and Don'ts

**Don't:**
- Don't use delicate, thin fonts — screenshot shows bold, heavy display serifs.
- Don't use a light or pastel background — screenshot shows a dark (#2B3036) or pure white background.
- Don't avoid uppercase text — screenshot shows almost all UI text is uppercase.
- Don't use sharp corners for buttons — screenshot shows large border-radius (pill or large radius).
- Don't use subtle colors for calls to action — screenshot uses a dominant, high-chroma red (#ED2023).
- Don't use a minimal amount of padding — screenshot shows generous vertical spacing (128px).

---

## System Prompt (paste into AI agent)

```
A bold, high-contrast editorial design for an artisanal pizza brand. Key colors: pure white, dark grey (#2B3036), and a vibrant red (#ED2023). Typography features heavy display serifs (Offset TM) for headlines and sans-serif (Source Sans 3) for UI elements. Critical donts: Avoid delicate typography, muted color palettes, or minimal vertical spacing. The design uses full-bleed photography, large uppercase text, and generous padding to create a high-impact, warm, and confident brand presence.
```