{
  "id": "louis-poulsen",
  "title": "Louis Poulsen",
  "url": "https://www.louispoulsen.com",
  "tags": [
    "lighting",
    "design"
  ],
  "colors": {
    "principle": "High-contrast, monochromatic palette that lets rich photography and white space dominate.",
    "bg": "#FFFFFF",
    "bgSoft": "#F6F6F6",
    "bgQuiet": null,
    "ink": "#000000",
    "inkSoft": "#333333",
    "muted": "#808080",
    "mutedSoft": null,
    "accent": null,
    "line": "rgba(0,0,0,0.25)"
  },
  "typography": {
    "rules": [],
    "scaleUses": [
      "Hero headlines",
      "Section titles",
      "General text"
    ],
    "display": "transitional-serif",
    "body": "humanist-sans",
    "mono": null,
    "scale": [
      {
        "token": "display",
        "size": 56,
        "lh": 1.0,
        "weight": 300,
        "ls": "-1.5px"
      },
      {
        "token": "headline",
        "size": 30,
        "lh": 1.1,
        "weight": 300,
        "ls": "-0.8px"
      },
      {
        "token": "body",
        "size": 14,
        "lh": 1.5,
        "weight": 400,
        "ls": "0px"
      }
    ]
  },
  "spacing": {
    "rhythm": "4px base grid with comfortable, generous whitespace for an editorial feel.",
    "base": 4,
    "scale": [
      4,
      8,
      16,
      24,
      32,
      48,
      64,
      96
    ]
  },
  "surfaces": {
    "shadows": [],
    "borders": "1px solid rgba(0,0,0,0.25) for separators; heavy use of borders for interactive list items.",
    "radius": {
      "sm": 2,
      "md": 4,
      "lg": 40,
      "pill": 999
    }
  },
  "layout": {
    "skeleton": "Asymmetric editorial layout with large hero images, multi-column masonry-style photo grids, and full-width list sections.",
    "container": 1440,
    "paragraph": 680,
    "columns": 12,
    "gutter": 24,
    "breakpoints": [
      768,
      1024
    ]
  },
  "motion": {
    "patterns": [
      "Smooth hover transitions on links and list items, subtle scaling transforms on interactive elements."
    ],
    "durations": {
      "micro": 150,
      "small": 200,
      "medium": 350
    },
    "easing": "ease-in-out"
  },
  "identity": {
    "keywords": [
      "design",
      "lighting",
      "premium",
      "architectural"
    ],
    "analogy": "An editorial gallery for high-end industrial design",
    "oneLiner": "A premium lighting brand with a clean, editorial, and gallery-focused visual language."
  },
  "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.",
    "chip": null,
    "input": null,
    "hero": "Full-viewport cinematic image with large, elegant serif text overlay and minimal supporting copy."
  },
  "interaction": {
    "hover": "Subtle background or text color changes; active state indicators on category list items.",
    "click": "Clean state changes, minimal visual feedback to maintain elegance.",
    "transition": "Smooth ease-in-out transitions for most interactive states.",
    "keyboard": "Standard focus management, likely utilizing outline styles for accessibility."
  },
  "voice": {
    "tone": "Confident, premium, and evocative, focusing on the craft and history of lighting design.",
    "headlineStyle": "Elegant, all-caps serif typography with tight tracking.",
    "ctaStyle": "Minimalist, often using simple arrows or uppercase sans-serif text.",
    "avoid": [
      "Cluttered layouts",
      "Loud or aggressive colors",
      "Playful or overly casual language"
    ]
  },
  "donts": [
    "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."
  ],
  "systemPrompt": "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."
}