---
name: Ohdada De
description: "This site is a perfect example of how restraint and typography can create a premium, artisanal feel without complex UI."
version: alpha

colors:
  background: "#b7b3be"
  primary: "#5d3a19"
  bg-soft: "#e6e0d9"
  line: "rgba(230, 224, 217, 1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 72px
    lineHeight: 1.0
    fontWeight: 100
    letterSpacing: "normal"
  heading:
    fontFamily: humanist-sans
    fontSize: 57.6px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "normal"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.25
    fontWeight: 400
    letterSpacing: "normal"

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 refined, gallery-like portfolio for handcrafted kinetic sculptures.

*A high-end art gallery's digital catalog*

## Colors

A muted, earthy palette that lets product photography provide the color.

- **Background (`#b7b3be`)** — uses `bg` token
- **Primary text (`#5d3a19`)** — uses `ink` token
- **Borders (`rgba(230, 224, 217, 1)`)** — uses `line` token

## Typography

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

## Layout

Full-bleed sections with centered content.

*Rhythm:* Generous padding around large photographic elements.

## Elevation & Depth

- Borders: No visible UI borders; imagery sits directly on background.

## Shapes

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

## Components

- **card:** Simple, unstyled card with large product image and text below.
- **hero:** Large typography centered on a solid background.

## Do's and Don'ts

**Don't:**
- Don't use saturated, neon colors — screenshot shows a muted, earthy palette instead.
- Don't use a busy, decorative background — screenshot shows solid color blocks instead.
- Don't use sharp, geometric sans-serif fonts for headlines — screenshot shows a fluid, transitional serif instead.
- Don't use heavy drop shadows or 3D effects — screenshot shows flat, clean imagery instead.
- Don't crowd elements together — screenshot shows generous white space and padding instead.
- Don't use complex UI components like cards with heavy borders — screenshot shows minimal, borderless layouts instead.

---

## System Prompt (paste into AI agent)

```
Oh Dada is a premium digital portfolio for handcrafted kinetic sculptures. The design DNA is minimalist and gallery-like, focusing on high-quality product photography against a muted, earthy color palette (beige #e6e0d9, grey #b7b3be, brown #5d3a19). Typography uses a fluid, transitional serif for display and a clean humanist sans-serif for body text. Key critical donts: avoid saturated colors, avoid cluttered layouts, and avoid heavy UI borders. The system prioritizes generous spacing and smooth, long-form motion to create an elegant, refined browsing experience that highlights the physical craftsmanship of the products.
```