---
name: Nordebrink
description: "This site is an excellent example of high-end, restrained editorial design where typography and spacing do all the heavy lifting without any decorative elements."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  secondary: "#000000"
  neutral: "#949494"
  line: "rgba(0,0,0,1)"

typography:
  body:
    fontFamily: humanist-sans
    fontSize: 20.7px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "-0.414px"
  small:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "-0.32px"

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, minimalist typographic portfolio with a focus on pure content and elegant hierarchy.

*A curated monograph or high-end design portfolio.*

## Colors

Stark, high-contrast monochrome palette relying entirely on typography and spacing for hierarchy.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#000000`)** — uses `ink-soft` token
- **Muted (`#949494`)** — uses `muted` token
- **Borders (`rgba(0,0,0,1)`)** — uses `line` token

## Typography

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

- Tight negative letter-spacing for a refined, compact typographic texture.
- Subtle use of opacity and color for secondary text rather than size variations.

## Layout

Two-column asymmetric layout on desktop (narrow left column for labels, wide right column for content), collapsing to a single column on mobile.

*Rhythm:* Generous vertical spacing with strict 16px padding for list items and a 30px horizontal gap between columns.

## Elevation & Depth

- Borders: Subtle 1px solid borders (using rgb(0,0,0)) for list separation, avoiding heavy visual blocks.

## Shapes

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

## Components

- **button:** Text-only links with arrow indicators, relying on hover states for interaction.
- **card:** None; content is presented as a flat, structured typographic list.
- **chip:** None.
- **input:** None.
- **hero:** A dense typographic introduction block with a downward-pointing arrow for scrolling.

## Do's and Don'ts

**Don't:**
- don't use decorative icons — screenshot shows minimal, functional arrows instead
- don't use multiple font families — screenshot shows a single humanist-sans family throughout
- don't use heavy background fills or cards — screenshot shows pure white background with flat text
- don't use primary colors for accents — screenshot shows a strict monochrome palette
- don't use wide letter-spacing — screenshot shows tight, negative letter-spacing for compact text
- don't use large font-weight variations — screenshot shows a uniform weight of 400 for all text

---

## System Prompt (paste into AI agent)

```
This is a refined, minimalist design portfolio for a professional designer, relying entirely on typography and generous whitespace to establish hierarchy. The palette is strictly monochrome, featuring a pure white background with deep black text (#000000) and a specific muted gray (#949494) for secondary information. The typography uses a single humanist-sans category font, characterized by tight negative letter-spacing (-0.414px) and a uniform font weight of 400, creating a dense yet elegant reading texture. Critical constraints include avoiding all decorative elements, illustrations, or background fills; avoiding multiple font families or heavy weight variations; and avoiding primary accent colors or complex gradients. The layout is an asymmetric grid on desktop that gracefully collapses to a single column on mobile, ensuring a clean, editorial presentation.
```