---
name: Lamannabakery
description: "This site is a fantastic example of a loud, expressive, and playful consumer brand identity that perfectly matches the product's energy."
version: alpha

colors:
  background: "#FF4100"
  primary: "#292A2C"
  tertiary: "#FF4100"
  neutral: "#FFC700"
  bg-soft: "#FFC700"
  bg-quiet: "#FDBEBA"
  line: "rgba(41, 42, 44, 1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 130px
    lineHeight: 0.85
    fontWeight: 900
    letterSpacing: "-1px"
  headline:
    fontFamily: humanist-sans
    fontSize: 70px
    lineHeight: 1.0
    fontWeight: 900
    letterSpacing: "-0.6px"
  body:
    fontFamily: humanist-sans
    fontSize: 18px
    lineHeight: 1.67
    fontWeight: 400
    letterSpacing: "-0.1px"
  caption:
    fontFamily: humanist-sans
    fontSize: 12px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 20px
  xl: 24px
  2xl: 30px
  3xl: 40px

---

## Overview

A loud, joyful, maximalist website for a pizza and bakery destination that screams 'home of the big slice.'

*A vibrant, oversized neon sign for a local Italian bakery and pizzeria*

## Colors

A high-energy, dual-tone palette of fiery orange-red and sunshine yellow, grounded by stark black and softened by pale pink accents.

- **Background (`#FF4100`)** — uses `bg` token
- **Primary text (`#292A2C`)** — uses `ink` token
- **Accent (`#FF4100`)** — uses `accent` token
- **Muted (`#FFC700`)** — uses `muted` token
- **Borders (`rgba(41, 42, 44, 1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** humanist-sans

- Use massive, tightly tracked uppercase text for headlines to create maximum impact.
- Body text remains simple and highly legible to contrast with the expressive display type.
- All primary headlines use a geometric sans-serif category.

## Layout

Bold, full-bleed sections with massive centered typography and scattered floating elements

*Rhythm:* Loose and dramatic, using large padding values to let the massive typography breathe.

## Elevation & Depth

- Borders: 1px solid rgba(41, 42, 44, 1) and thick offset shadows for a retro 3D effect

## Shapes

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

## Components

- **button:** Bold, uppercase text with a thick black outline and a playful, offset yellow drop shadow.
- **card:** Not visually present in the provided screenshots.
- **chip:** Not visually present in the provided screenshots.
- **input:** Not visually present in the provided screenshots.
- **hero:** A massive, full-bleed typographic block using a fiery red-orange background and huge yellow text.

## Do's and Don'ts

**Don't:**
- Don't use generous negative space — screenshot shows text that aggressively fills the viewport.
- Don't use subtle drop shadows — screenshot shows thick, flat, offset retro shadows.
- Don't use muted or desaturated colors — screenshot shows a high-chroma palette of orange-red and bright yellow.
- Don't use complex card layouts or grids — screenshot shows a bold, full-bleed, center-aligned typographic hero.
- Don't use delicate or thin fonts — screenshot shows heavy, geometric sans-serif typefaces.
- Don't use a dark mode or neutral background — screenshot shows a vibrant, fiery red-orange (#FF4100) as the primary background.

---

## System Prompt (paste into AI agent)

```
This design is for Lamanna's Bakery, a bold, maximalist, and playful website for a Toronto Italian bakery and pizzeria. The visual identity is defined by massive, tightly tracked typography and a high-chroma palette featuring fiery orange-red (#FF4100) and sunshine yellow (#FFC700). The font categories are heavy geometric-sans for display and humanist-sans for body text. Critical constraints include avoiding minimalism, restraint, or any form of muted colors; the design must remain loud and expressive. Shadows should be thick, flat, and retro (3D offset style), never subtle or blurred. Never use serif fonts, as the aesthetic is strictly bold, modern, and graphic.
```