---
name: Snøhetta
description: "This site exemplifies how extreme restraint and typographic elegance can create a premium portfolio experience that elevates the showcased architectural work."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  neutral: "#757575"
  bg-quiet: "#F2F2F2"
  muted-soft: "#949494"
  line: "rgba(223, 223, 223, 1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 60px
    lineHeight: 1.04
    fontWeight: 300
    letterSpacing: "-0.5px"
  h1:
    fontFamily: humanist-sans
    fontSize: 48px
    lineHeight: 1.3
    fontWeight: 300
    letterSpacing: "0"
  body:
    fontFamily: humanist-sans
    fontSize: 18px
    lineHeight: 1.33
    fontWeight: 300
    letterSpacing: "0"
  small:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.4
    fontWeight: 300
    letterSpacing: "0"

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

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

---

## Overview

A global transdisciplinary practice showcasing prestigious architectural and design projects with refined minimalism.

*An elite architectural portfolio gallery*

## Colors

Extreme minimalism with a strict black-and-white palette punctuated by photography

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#757575`)** — uses `muted` token
- **Borders (`rgba(223, 223, 223, 1)`)** — uses `line` token

## Typography

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

- Font weight is predominantly 300 (light) for a refined, elegant aesthetic
- Line lengths are tightly controlled to maintain readability on large display text
- Typographic hierarchy relies heavily on size differences rather than weight variations

## Layout

Asymmetric two-column layout with generous whitespace and full-bleed image carousels

*Rhythm:* Generous vertical spacing between sections creates a sense of luxury and breathing room

## Elevation & Depth

- Borders: Thin 1px borders used sparingly for list dividers

## Shapes

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

## Components

- **button:** Text-only buttons without background styling, relying on hover states
- **card:** Simple image cards with minimal typography underneath
- **hero:** Full-width text-heavy hero with an overlapping horizontal image carousel below

## Do's and Don'ts

**Don't:**
- Don't use heavy font weights — screenshot shows exclusively light (300) weight typography
- Don't add drop shadows to UI elements — screenshot shows completely flat surfaces
- Don't use a vibrant accent color — screenshot shows strictly black, white, and gray
- Don't use rounded corners on cards or buttons — screenshot shows mostly sharp rectangular edges
- Don't crowd the layout with elements — screenshot shows extensive whitespace between sections
- Don't use colored background sections — screenshot shows a uniform white background throughout

---

## System Prompt (paste into AI agent)

```
This is the website for Snøhetta, a global transdisciplinary architecture and design practice. The design DNA is defined by extreme minimalism, utilizing a strict monochrome palette of pure black (#000000) for text on a pure white (#FFFFFF) background, with #757575 and #949494 for secondary and muted text. The typography exclusively uses a light weight (300) humanist-sans font family (Dovre) at large display sizes, creating a refined, elegant aesthetic. The layout features generous whitespace, thin 1px dividers, and an asymmetric two-column structure with full-bleed image carousels. Critical design rules: never use bold font weights, never add drop shadows or vibrant accent colors, never crowd the layout, always maintain generous spacing, and rely on size hierarchy rather than weight for visual distinction. The overall feel is that of a premium, high-end design portfolio that lets the work speak for itself.
```