---
name: Normann Copenhagen
description: "A masterclass in restrained premium design, using a limited visual vocabulary to create a sophisticated and highly effective editorial e-commerce experience."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#404040"
  secondary: "#717070"
  neutral: "#D0D0D0"
  bg-quiet: "#F5F5F5"
  line: "rgba(208, 208, 208, 1.0)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 45px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "0px"
  heading:
    fontFamily: geometric-sans
    fontSize: 17px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: geometric-sans
    fontSize: 13px
    lineHeight: 2.0
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: geometric-sans
    fontSize: 14px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A refined, editorial-driven e-commerce experience for a premium Danish design house.

*A curated gallery exhibition for high-end Scandinavian furniture and lighting.*

## Colors

High-contrast neutral palette emphasizing product photography and clear typography.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#404040`)** — uses `ink` token
- **Secondary text (`#717070`)** — uses `ink-soft` token
- **Muted (`#D0D0D0`)** — uses `muted` token
- **Borders (`rgba(208, 208, 208, 1.0)`)** — uses `line` token

## Typography

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

## Layout

Full-width hero banners followed by structured content grids with clear visual hierarchy.

*Rhythm:* Consistent 4px grid with generous vertical padding in content sections.

## Elevation & Depth

- 0px 0px 5px 0px rgba(157, 157, 157, 1.0)
- Borders: Minimalist 1px solid lines used sparingly for section separation.

## Shapes

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

## Components

- **button:** Solid black rectangles with white text, used for primary actions like 'Læs mere'.
- **card:** Image-focused cards with minimal padding, often featuring full-bleed photography.
- **input:** Simple bottom-border inputs used in newsletter signup forms.
- **hero:** Large-scale photographic backgrounds with overlapping bold typography and grid patterns.

## Do's and Don'ts

**Don't:**
- don't use vibrant accent colors — the screenshot shows a strictly neutral black, white, and gray palette.
- don't add decorative shadows or rounded corners — the screenshot shows sharp, minimal borders and flat surfaces.
- don't use serif typefaces — the screenshot shows exclusively geometric sans-serif typography.
- don't clutter the layout with multiple competing elements — the screenshot shows generous white space and clear visual hierarchy.
- don't use playful or informal language — the screenshot shows a restrained, professional, and premium editorial tone.
- don't rely on complex animations — the screenshot shows simple, subtle transitions and static compositions.

---

## System Prompt (paste into AI agent)

```
This is a premium Scandinavian design brand website for Normann Copenhagen. The design DNA is rooted in editorial minimalism and photographic storytelling. The color palette is strictly monochromatic, using only black (#000000), white (#FFFFFF), and neutral grays (#404040, #D0D0D0) to emphasize product imagery. Typography is entirely geometric sans-serif, creating a clean and modern feel. Layouts are spacious with a strong grid system, often featuring large-scale hero images and bold typography overlays. Critical donts include: avoid using any vibrant accent colors, do not add decorative shadows or rounded corners, and never use serif typefaces. The overall approach is restrained, sophisticated, and focused on visual clarity.
```