---
name: Louis Poulsen
description: "This site is a masterclass in editorial e-commerce, proving that a minimalist monochromatic palette paired with exceptional typography and photography can create a highly premium experience."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  secondary: "#333333"
  neutral: "#808080"
  bg-soft: "#F6F6F6"
  line: "rgba(0,0,0,0.25)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 300
    letterSpacing: "-1.5px"
  headline:
    fontFamily: humanist-sans
    fontSize: 30px
    lineHeight: 1.1
    fontWeight: 300
    letterSpacing: "-0.8px"
  body:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 2px
  md: 4px
  lg: 40px
  pill: 999px

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

---

## Overview

A premium lighting brand with a clean, editorial, and gallery-focused visual language.

*An editorial gallery for high-end industrial design*

## Colors

High-contrast, monochromatic palette that lets rich photography and white space dominate.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#333333`)** — uses `ink-soft` token
- **Muted (`#808080`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.25)`)** — uses `line` token

## Typography

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

## Layout

Asymmetric editorial layout with large hero images, multi-column masonry-style photo grids, and full-width list sections.

*Rhythm:* 4px base grid with comfortable, generous whitespace for an editorial feel.

## Elevation & Depth

- Borders: 1px solid rgba(0,0,0,0.25) for separators; heavy use of borders for interactive list items.

## Shapes

- `sm`: 2px
- `md`: 4px
- `lg`: 40px
- `pill`: 999px

## Components

- **button:** Understated, text-heavy buttons with minimal decoration; prominent black-filled 'SEE MORE' action button.
- **card:** Edge-to-edge photography in a dense grid layout with no visible padding or background.
- **hero:** Full-viewport cinematic image with large, elegant serif text overlay and minimal supporting copy.

## Do's and Don'ts

**Don't:**
- don't use rounded corners — screenshot shows sharp 90-degree edges on all UI components.
- don't use drop shadows — screenshot shows flat surfaces relying on borders and photography for depth.
- don't use bright accent colors — screenshot shows a strictly monochromatic palette with black, white, and gray.
- don't use bold font weights — screenshot shows predominantly regular (400) and light (300) weights.
- don't use cluttered navigation — screenshot shows a minimal top bar with ample horizontal spacing.
- don't use heavy container padding — screenshot shows a layout that allows photography and text to sit near the viewport edges.

---

## System Prompt (paste into AI agent)

```
This site is a premium editorial e-commerce experience for a high-end lighting brand. The design relies heavily on cinematic photography, generous whitespace, and a strict monochromatic palette of white (#FFFFFF) and black (#000000) with neutral grays (#F6F6F6). Typography uses a refined transitional serif for display headings and a clean humanist sans-serif for body text and navigation. Key critical don'ts include: never use drop shadows or border-radii on cards, never introduce high-chroma accent colors, and never use bold font weights that disrupt the elegant, airy feel. Ensure all interactions utilize smooth ease-in-out transitions to maintain the premium aesthetic.
```