---
name: Dougalves Work
description: "This site is an excellent example of using extreme typographic scale and a restricted color palette to create a powerful, premium aesthetic."
version: alpha

colors:
  background: "#1D1610"
  primary: "#FFFBF9"
  secondary: "#FFFBF9A6"
  line: "rgba(40,40,40,0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 197px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  heading:
    fontFamily: neo-grotesque-sans
    fontSize: 16px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-0.4px"
  body:
    fontFamily: neo-grotesque-sans
    fontSize: 16px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-0.4px"

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

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

---

## Overview

A high-contrast, typographically driven portfolio for a visual designer.

*A curated gallery monograph with oversized display type.*

## Colors

Strict high-contrast monochrome with warm undertones.

- **Background (`#1D1610`)** — uses `bg` token
- **Primary text (`#FFFBF9`)** — uses `ink` token
- **Secondary text (`#FFFBF9A6`)** — uses `ink-soft` token
- **Borders (`rgba(40,40,40,0.1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** neo-grotesque-sans

## Layout

A rigid 4-column grid on desktop, collapsing to 2 columns on mobile.

*Rhythm:* Tight vertical rhythm with generous horizontal spacing.

## Elevation & Depth

- Borders: None visible.

## Shapes

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

## Components

- **button:** Text-only links with no visual container.
- **card:** None visible.
- **chip:** None visible.
- **input:** None visible.
- **hero:** Full-viewport typographic statement with large geometric text.

## Do's and Don'ts

**Don't:**
- don't use drop shadows — screenshot shows flat surfaces without depth cues
- don't use rounded buttons — screenshot shows text-only links without borders or radii
- don't use multiple font families — screenshot shows a strict two-font system (geometric display, neo-grotesque body)
- don't use bright accent colors — screenshot shows a strict monochrome palette of dark brown and off-white
- don't use large line heights for body text — screenshot shows tight, compact line spacing
- don't use decorative borders — screenshot shows minimal horizontal lines used only for strict separation

---

## System Prompt (paste into AI agent)

```
This is a minimalist portfolio site for a visual designer, using a dark, warm brown background (#1D1610) and off-white (#FFFBF9) text. The typography is dominated by a massive, geometric sans-serif display font for the hero, paired with a clean neo-grotesque for body text. The layout is a strict, grid-based structure with generous horizontal spacing and tight vertical rhythm. Key critical donts: avoid using any bright accent colors or drop shadows, as the design relies entirely on high-contrast monochrome and flat surfaces. Do not use rounded buttons or decorative borders; interactions are handled through text-only links and subtle opacity changes. Finally, avoid excessive padding or complex visual elements that would distract from the typographic focus.
```