---
name: Lunchconcept
description: "This site is worth including for its masterful use of massive, 3D metallic typography layered over editorial photography, creating a very distinct, premium aesthetic."
version: alpha

colors:
  background: "#F4F1E4"
  primary: "#000000"
  tertiary: "#FF0000"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: high-contrast-serif
    fontSize: 120px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  heading:
    fontFamily: humanist-sans
    fontSize: 32px
    lineHeight: 1.3
    fontWeight: 700
    letterSpacing: "-0.5px"
  body:
    fontFamily: humanist-sans
    fontSize: 12px
    lineHeight: 1.8
    fontWeight: 400
    letterSpacing: "0.16px"

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

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 20px
  xl: 24px
  2xl: 32px
  3xl: 60px

---

## Overview

A curation-first fashion platform with bold editorial photography and stark typography.

*A high-end fashion magazine curated by a gallery*

## Colors

High-contrast editorial palette with a warm off-white base and a single bold red accent for status.

- **Background (`#F4F1E4`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Accent (`#FF0000`)** — uses `accent` token
- **Borders (`rgba(0,0,0,1.0)`)** — uses `line` token

## Typography

- **Display:** high-contrast-serif
- **Body:** humanist-sans

## Layout

Full-bleed photography followed by a rigid, dense multi-column product grid.

*Rhythm:* Tight, editorial spacing with generous whitespace around large elements

## Elevation & Depth

- Borders: 1px solid black on the bottom of the page section

## Shapes

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

## Components

- **button:** Text-based navigation links with uppercase styling
- **card:** Borderless product cards consisting of an image, designer name, product name, and price
- **chip:** Sold Out status in bright red text
- **hero:** Full-viewport image with massive, overlapping 3D metallic typography

## Do's and Don'ts

**Don't:**
- don't use rounded corners — screenshot shows strictly sharp, 90-degree edges throughout
- don't use colorful backgrounds — screenshot shows a consistent warm off-white (#F4F1E4) base
- don't use casual sans-serif fonts — screenshot shows a mix of a high-contrast serif and a clean humanist sans
- don't use drop shadows — screenshot shows completely flat, borderless product cards
- don't use bright, multi-colored accents — screenshot shows only a single, specific use of red (#FF0000) for status
- don't use centered text for body content — screenshot shows a strict left-aligned editorial structure

---

## System Prompt (paste into AI agent)

```
This site is a premium fashion e-commerce platform focusing on independent designers, using a striking editorial layout. Key colors include a warm off-white background (#F4F1E4) and a single high-chroma red accent (#FF0000) for status messages. Typography pairs a high-contrast serif for massive display elements with a clean humanist sans-serif for navigation and product details. The layout is highly structured, relying on a rigid grid and generous whitespace. Critical donts: never use rounded corners, keep backgrounds strictly off-white or black, and avoid any playful or cluttered UI patterns.
```