---
name: Wakawaka
description: "This site is an excellent example of how extreme typographic scale and rigorous minimalism can create a powerful, premium brand identity without relying on color or complex UI components."
version: alpha

colors:
  background: "#EDEAE4"
  primary: "#28282A"
  neutral: "#C9C7C4"
  bg-soft: "#D4D1CB"
  line: "rgba(40,40,42,1.0)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 560px
    lineHeight: 0.8
    fontWeight: 500
    letterSpacing: "-50.4px"
  body:
    fontFamily: grotesque-sans
    fontSize: 14px
    lineHeight: 1.6
    fontWeight: 400
    letterSpacing: "-0.28px"

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

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

---

## Overview

A sophisticated design studio portfolio showcasing functional wooden objects with bold, sculptural typography.

*A minimalist gallery exhibition catalog.*

## Colors

High-contrast, minimalist palette focused on letting the typography and photography take center stage.

- **Background (`#EDEAE4`)** — uses `bg` token
- **Primary text (`#28282A`)** — uses `ink` token
- **Muted (`#C9C7C4`)** — uses `muted` token
- **Borders (`rgba(40,40,42,1.0)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** grotesque-sans

- Uppercase small caps for navigation and metadata
- Heavy tracking on small uppercase text
- Extreme negative tracking on massive display text

## Layout

Full-bleed vertical stack with oversized typography dominating the viewport.

*Rhythm:* Generous vertical spacing with minimal horizontal padding, allowing typography to bleed to edges.

## Elevation & Depth

- Borders: None; relies on shape and spacing for separation.

## Shapes

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

## Components

- **button:** None visible.
- **card:** None visible.
- **chip:** None visible.
- **input:** None visible.
- **hero:** Massive typographic wordmark accompanied by a full-width photographic study.

## Do's and Don'ts

**Don't:**
- Don't use a white background — screenshot shows an off-white (#EDEAE4) background.
- Don't add drop shadows to elements — screenshot shows completely flat design without shadows.
- Don't use small, tight display type — screenshot shows massive, expansive typography.
- Don't use wide letter-spacing on the hero text — screenshot shows extreme negative tracking.
- Don't use colorful accents — screenshot shows a strictly monochrome palette with no bright accent colors.
- Don't use rounded corners on layout elements — screenshot shows sharp, unrounded edges.

---

## System Prompt (paste into AI agent)

```
A minimalist design studio portfolio for 'Waka Waka', a Los Angeles-based furniture maker. The visual identity relies on massive, ultra-tight grotesque-sans typography that bleeds to the edges of the screen, creating a sculptural effect. The color palette is strictly restrained: an off-white background (#EDEAE4), deep charcoal ink (#28282A), and soft greys (#C9C7C4) for texture. Photography is treated with a soft, grainy quality. Critical donts: never use rounded corners on layout elements, never add drop shadows, and never use wide letter-spacing on headlines. The design is about tension between the massive scale of the text and the quiet, empty space around it.
```