---
name: Louisiana
description: "This site is worth including as a prime example of a 'Refined' and 'Clean' design, demonstrating how minimal color and strong typography can create a powerful, high-end cultural experience."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  neutral: "#226D7A"
  bg-soft: "#B0E0E9"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 36px
    lineHeight: 1.28
    fontWeight: 700
    letterSpacing: "0px"

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

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

---

## Overview

A refined and calm museum website emphasizing typography and whitespace.

*A serene, modern art gallery entrance*

## Colors

Stark, high-contrast black and white for content, accented with a calm, watery cyan.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#226D7A`)** — uses `muted` token
- **Borders (`rgba(0,0,0,1.0)`)** — uses `line` token

## Typography

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

- Headings use a bold transitional serif for a classic, authoritative feel.
- Body and UI text use Open Sans for a clean, humanist touch.

## Layout

Centered content column within a generous container, transitioning into a full-bleed colored block.

*Rhythm:* Generous vertical rhythm with large top and bottom padding to create a sense of calm and focus.

## Elevation & Depth

- Borders: None visible in the main content area, maintaining a flat, clean aesthetic.

## Shapes

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

## Components

- **button:** Simple text-based interaction elements, often with a chevron for expansion.
- **card:** Minimalist cards, primarily defined by text and spacing.
- **chip:** Not observed.
- **input:** Not observed.
- **hero:** A large, full-bleed block with a solid background color and massive, bold serif typography.

## Do's and Don'ts

**Don't:**
- Don't use bright, saturated colors — screenshot shows a restrained palette of black, white, and a muted cyan.
- Don't apply rounded corners to elements — screenshot shows strictly rectangular shapes with sharp edges.
- Don't use multiple font families for body text — screenshot shows a consistent use of sans-serif for UI elements.
- Don't create a dense, cluttered layout — screenshot emphasizes generous whitespace and focused typography.
- Don't use heavy drop shadows or depth effects — screenshot shows a flat, clean design.
- Don't use sans-serif for main display headings — screenshot shows a bold transitional serif.

---

## System Prompt (paste into AI agent)

```
A refined, editorial museum website design that balances classic typography with a clean, modern layout. The palette is strictly black and white for content, with a signature muted cyan (#226D7A) used sparingly for accents or backgrounds. Typography is a mix of a bold transitional-serif for impactful headlines and a humanist-sans for clean body text. The layout prioritizes massive whitespace and a centered content column to create a calm, focused reading experience. Do not introduce bright, saturated colors, rounded corners, or drop shadows. Avoid cluttering the interface, and ensure that headlines remain bold and authoritative.
```