---
name: MotherDuck
description: "The site stands out by combining technical precision with a friendly, illustrative UI, making complex infrastructure feel accessible."
version: alpha

colors:
  background: "#F4EFEA"
  primary: "#383838"
  tertiary: "#FFDE00"
  neutral: "#666666"
  line: "rgba(56,56,56,1)"

typography:
  display:
    fontFamily: monospaced
    fontSize: 40px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "1px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "normal"
  small:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "normal"

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

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

---

## Overview

Infrastructure for answers.

*A friendly, approachable utility for complex data infrastructure.*

## Colors

High-contrast, warm neutral base with energetic yellow accents and sharp 2px black outlines for a distinct, illustrative feel.

- **Background (`#F4EFEA`)** — uses `bg` token
- **Primary text (`#383838`)** — uses `ink` token
- **Accent (`#FFDE00`)** — uses `accent` token
- **Muted (`#666666`)** — uses `muted` token
- **Borders (`rgba(56,56,56,1)`)** — uses `line` token

## Typography

- **Display:** monospaced
- **Body:** humanist-sans
- **Mono:** monospaced

- All headings are uppercase and set in a monospaced font.
- Body text uses a clean humanist sans-serif for readability.

## Layout

Centered hero section with stacked content, followed by a multi-column logo grid.

*Rhythm:* Standard 4px base grid with generous padding around major sections.

## Elevation & Depth

- rgb(56, 56, 56) -8px 8px 0px 0px
- rgb(255, 222, 0) -6px 6px 0px 0px
- Borders: 2px solid rgb(56, 56, 56)

## Shapes

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

## Components

- **button:** Solid light blue (#6FC2FF) or outline style with sharp 2px black borders and subtle hard offsets.
- **card:** Illustrative elements with hard shadows.
- **input:** Simple bordered inputs with rounded corners.
- **hero:** Large monospaced uppercase headline, brief description, and prominent dual-action CTA buttons.

## Do's and Don'ts

**Don't:**
- don't use rounded or soft corners — screenshot shows sharp 2px borders
- don't use a white background for the main body — screenshot shows a warm beige (#F4EFEA) instead
- don't use soft drop shadows — screenshot shows hard, solid color offsets
- don't use a dark mode by default — screenshot shows a light, high-contrast theme
- don't use playful or handwritten fonts — screenshot shows a clean monospaced and humanist sans-serif
- don't use subtle pastel accents — screenshot uses a bold, high-chroma yellow and bright blue

---

## System Prompt (paste into AI agent)

```
MotherDuck is a cloud data warehouse platform for developers and data teams, characterized by a friendly but precise technical aesthetic. The design utilizes a warm beige background (#F4EFEA), deep gray ink (#383838), and a vibrant yellow accent (#FFDE00), accented by a bright light blue (#6FC2FF) for primary buttons. Typography heavily features a monospaced font (Aeonik Mono) for headlines in uppercase, paired with a clean humanist-sans for body text. Critical design rules include: maintaining sharp 2px black borders and hard offset shadows instead of soft glows, strictly using uppercase for display type, and avoiding generic rounded or 'soft' UI patterns. The overall feel is illustrative, structured, and approachable.
```