---
name: Rijksmuseum
description: "The site serves as an excellent example of how bold typography and high-quality photography can create a premium, authoritative digital presence for a cultural institution."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  tertiary: "#CC4C28"
  neutral: "#C2CCCE"
  line: "rgba(194, 204, 206, 1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 120px
    lineHeight: 0.95
    fontWeight: 700
    letterSpacing: "-2px"
  headline:
    fontFamily: humanist-sans
    fontSize: 24px
    lineHeight: 1.2
    fontWeight: 700
    letterSpacing: "0"
  body:
    fontFamily: humanist-sans
    fontSize: 17px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0"

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

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

---

## Overview

A premium cultural heritage site showcasing classical art through high-impact photography and bold typographic branding.

*A prestigious national gallery entrance.*

## Colors

High-contrast monochrome with a single warm accent, relying on photographic overlays for visual richness.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Accent (`#CC4C28`)** — uses `accent` token
- **Muted (`#C2CCCE`)** — uses `muted` token
- **Borders (`rgba(194, 204, 206, 1)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans

- Uppercase for navigation and section labels
- Bold weights for headlines and primary actions

## Layout

Full-bleed hero sections with overlaid typography, transitioning to structured content grids.

*Rhythm:* Generous padding within containers to allow photography to breathe.

## Elevation & Depth

- Borders: Minimal, typically 1px solid borders on form elements or subtle dividers.

## Shapes

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

## Components

- **button:** Solid block color with uppercase text, sharp or slightly rounded corners.
- **card:** Image-heavy with text overlaid directly on the photography.
- **chip:** Small uppercase tags with solid backgrounds.
- **input:** Minimal underlined or lightly bordered fields.
- **hero:** Massive full-width photography with large-scale typographic branding overlaid.

## Do's and Don'ts

**Don't:**
- Don't use playful or rounded fonts — screenshot shows a structured, humanist sans-serif.
- Don't use a multi-color palette — screenshot shows a restrained palette of white, black, and a single orange accent.
- Don't use decorative borders or complex shadows — screenshot shows a flat, clean surface style.
- Don't use small, cramped typography — screenshot shows large, legible type with generous spacing.
- Don't use abstract patterns — screenshot shows high-quality photographic imagery as the primary visual element.
- Don't use lowercase for navigation — screenshot shows uppercase navigation links.

---

## System Prompt (paste into AI agent)

```
Rijksmuseum is a premium cultural heritage website positioning itself as an authoritative gateway to world-class art. It features a high-contrast palette dominated by white (#FFFFFF) and black (#000000), with a single warm orange accent (#CC4C28) for primary calls to action. The typography uses a humanist-sans-serif (RijksText) with bold, uppercase headlines. Critical donts: Do not use playful fonts or rounded UI elements; avoid multi-color gradients or decorative borders; never use small, cramped typography. The layout relies on massive, full-bleed photographic heroes with large-scale branding overlaid, transitioning into clean content grids.
```