---
name: Garden Eight
description: "An exceptional example of typographic-led design that proves a minimal palette can be incredibly expressive."
version: alpha

colors:
  background: "#DCD6D1"
  primary: "#1E1F1F"
  neutral: "#DBD6D0"
  line: "rgba(30,31,31,1.0)"

typography:
  display:
    fontFamily: didone-serif
    fontSize: 215px
    lineHeight: 0.6
    fontWeight: 400
    letterSpacing: "-2px"
  body:
    fontFamily: humanist-sans
    fontSize: 15px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0"

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

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

---

## Overview

A Tokyo-based digital design studio portfolio defined by expressive typography and expansive whitespace.

*A minimalist gallery where typography is the primary exhibit.*

## Colors

Extreme restraint using a monochromatic palette to let expressive typography and 3D imagery command all attention.

- **Background (`#DCD6D1`)** — uses `bg` token
- **Primary text (`#1E1F1F`)** — uses `ink` token
- **Muted (`#DBD6D0`)** — uses `muted` token
- **Borders (`rgba(30,31,31,1.0)`)** — uses `line` token

## Typography

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

- Use uppercase tracking for navigation links.
- Apply high contrast between display weight and body weight.
- Allow massive scale variation between headline and body text.

## Layout

Minimalist grid that pushes content to the absolute edges.

*Rhythm:* Generous padding with expansive whitespace to frame content blocks.

## Elevation & Depth

- rgb(30, 31, 31) 0px 2px 2px 0px inset
- rgb(219, 214, 208) 0px 3px 2px 0px inset
- Borders: 1px solid rgb(30, 31, 31)

## Shapes

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

## Components

- **button:** Minimal text-based links with uppercase styling and no background fills.
- **card:** Clean edges with no border radius or drop shadows.
- **chip:** Minimal, likely text-only tags if present.
- **input:** Minimal, likely thin underlined inputs if present.
- **hero:** Massive typography taking up the full viewport height.

## Do's and Don'ts

**Don't:**
- Don't use bright colors — screenshot shows a strictly neutral beige and black palette.
- Don't use heavily rounded corners — screenshot shows sharp, square edges.
- Don't use small headline typography — screenshot shows display type taking up the full viewport.
- Don't use busy backgrounds — screenshot shows a clean, expansive beige surface.
- Don't use bold button styles — screenshot shows simple uppercase text links.
- Don't use a dark theme — screenshot shows a predominantly light, warm-toned interface.

---

## System Prompt (paste into AI agent)

```
This is a high-end Tokyo-based digital design studio portfolio characterized by extreme typographic scale and minimalist restraint. The color palette is monochromatic, featuring a warm beige background (#DCD6D1) and deep charcoal ink (#1E1F1F). Typography categories are didone-serif for expressive display text and humanist-sans for legible body copy. Critical design constraints include: avoid adding bright accent colors or decorative UI flourishes, never shrink the hero typography below 20% of the viewport, and maintain vast whitespace between elements to preserve the gallery-like atmosphere.
```