---
name: Midjourney
description: "A highly distinctive AI company site that blends developer aesthetic (monospace, ASCII art) with high-end visual art."
version: alpha

colors:
  background: "#06051D"
  primary: "#FFFFFF"
  secondary: "#63B3ED"
  neutral: "#2E3038"
  bg-soft: "#061434"
  muted-soft: "#EBF8FF"
  line: "rgba(235, 248, 255, 0.1)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 30px
    lineHeight: 1.25
    fontWeight: 500
    letterSpacing: "normal"
  body:
    fontFamily: monospace
    fontSize: 16px
    lineHeight: 1.625
    fontWeight: 400
    letterSpacing: "normal"

rounded:
  sm: 8px
  md: 8px
  lg: 8px
  pill: 9999px

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

---

## Overview

A community-funded research lab building beautiful AI models.

*A digital atelier where code and creativity merge to generate visual art.*

## Colors

Dark mode primary, using deep navy and charcoal to allow generated imagery to pop.

- **Background (`#06051D`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Secondary text (`#63B3ED`)** — uses `ink-soft` token
- **Muted (`#2E3038`)** — uses `muted` token
- **Borders (`rgba(235, 248, 255, 0.1)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** monospace
- **Mono:** monospace

- Primary body text uses a monospace font.
- Headings are set in a clean sans-serif.
- Base font size is 16px.
- Font weight is predominantly 400, with 500 used for emphasis.

## Layout

Content is centered with a constrained width, typical of a monospace-text editorial layout.

*Rhythm:* Consistent 8px base rhythm with generous section padding (64px).

## Elevation & Depth

- 0px 4px 6px -1px rgba(0, 0, 0, 0.1)
- 0px 2px 4px -2px rgba(0, 0, 0, 0.1)
- Borders: 1px solid rgba(235, 248, 255, 0.1)

## Shapes

- `sm`: 8px
- `md`: 8px
- `lg`: 8px
- `pill`: 9999px

## Components

- **button:** Pill-shaped and rectangular with subtle dark glassmorphic backgrounds and monospace labels.
- **card:** Grid-based image cards with uniform aspect ratios and subtle dark borders.
- **chip:** Rounded pill-shaped elements, often used for secondary actions.
- **input:** Not explicitly shown, but likely follows the dark glassmorphic aesthetic.
- **hero:** Full-width atmospheric hero featuring a massive ASCII art logo.

## Do's and Don'ts

**Don't:**
- Don't use high-chroma accent colors — screenshot shows a mostly monochromatic dark palette.
- Don't use serif fonts for body text — screenshot shows monospace text.
- Don't use light mode backgrounds — screenshot shows a deep dark navy (#06051D).
- Don't use complex multi-color gradients — screenshot shows a subtle dark blue gradient.
- Don't use small, cramped spacing — screenshot shows generous padding (64px).
- Don't use sharp, square corners on buttons — screenshot shows pill shapes (9999px) or 8px radii.

---

## System Prompt (paste into AI agent)

```
This is a dark-mode AI research lab website focusing on community and imagination. The layout is editorial, using a monospace font for body text and a clean sans-serif for headings. Key colors are a deep navy background (#06051D), white ink (#FFFFFF), and soft blue accents (#63B3ED). Buttons are pill-shaped or subtly rounded rectangles with dark glassmorphic backgrounds. Critical donts: avoid serif fonts, avoid bright neon accents, avoid light mode, avoid complex gradients, avoid sharp corners on buttons, and avoid cramped spacing. The overall feel is refined, experimental, and deeply technical yet accessible.
```