---
name: Blue Origin
description: "This site is a premier example of using scale and imagery to create a powerful brand narrative, prioritizing emotional impact over information density."
version: alpha

colors:
  background: "#000000"
  primary: "#FFFFFF"
  secondary: "#DADADA"
  tertiary: "#0033DD"
  neutral: "#949494"
  bg-soft: "#202020"
  muted-soft: "#C8C8C8"
  line: "rgba(255, 255, 255, 0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 72px
    lineHeight: 1.0
    fontWeight: 800
    letterSpacing: "2px"
  h1:
    fontFamily: humanist-sans
    fontSize: 56px
    lineHeight: 1.1
    fontWeight: 700
    letterSpacing: "1.6px"
  h2:
    fontFamily: humanist-sans
    fontSize: 40px
    lineHeight: 1.2
    fontWeight: 700
    letterSpacing: "1.6px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0.64px"

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

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

---

## Overview

A visionary aerospace company dedicated to building a future where millions of people are living and working in space to benefit Earth.

*Aerospace engineering meets environmental stewardship*

## Colors

High-contrast cinematic design using deep blacks and vibrant brand blue to evoke the scale of space.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Secondary text (`#DADADA`)** — uses `ink-soft` token
- **Accent (`#0033DD`)** — uses `accent` token
- **Muted (`#949494`)** — uses `muted` token
- **Borders (`rgba(255, 255, 255, 0.1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** humanist-sans

- All primary display text is uppercase with wide tracking for a technical, monumental feel
- Navigation uses a slightly wider spacing for readability in uppercase
- Body text maintains a neutral weight and standard spacing for legibility against dark backgrounds

## Layout

Full-bleed photographic sections with content overlaid directly on imagery.

*Rhythm:* Consistent use of 4px and 8px increments creates a technical, grid-aligned spacing system.

## Elevation & Depth

- 0 4px 24px rgba(0, 0, 0, 0.5)
- 0 16px 48px rgba(0, 0, 0, 0.3)
- Borders: Thin 1-2px white or light gray borders used for buttons and subtle dividers.

## Shapes

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

## Components

- **button:** Outline or ghost buttons with 2px white borders, uppercase text, and wide letter-spacing.
- **card:** Full-width photographic sections with text overlays, acting as large interactive cards.
- **chip:** None visible.
- **input:** Minimalist search or form inputs with subtle borders.
- **hero:** Full-viewport photographic or video background with large-scale typography and a single CTA.

## Do's and Don'ts

**Don't:**
- Don't use centered text layouts for primary mission statements — the screenshot shows them left-aligned to maintain a strong architectural base.
- Don't use a white background for primary sections — the screenshot shows black or deep dark backgrounds to enhance the space theme.
- Don't use thin, decorative fonts for headlines — the screenshot shows bold, geometric sans-serif typefaces.
- Don't use rounded UI elements for primary buttons — the screenshot shows sharp or slightly rounded (2-4px) rectangular buttons.
- Don't use a variety of accent colors — the screenshot shows a strict black-white-blue palette.
- Don't use small, cramped typography — the screenshot shows large, well-spaced display fonts for maximum impact.

---

## System Prompt (paste into AI agent)

```
This is a high-end, cinematic website for an aerospace company. The design DNA is built around dramatic, full-bleed photographic sections and monumental, uppercase typography. The color palette is strictly limited to deep black (#000000), a vibrant corporate blue (#0033DD), and pure white (#FFFFFF) for high contrast. Typography uses a bold geometric sans-serif for display and a clean humanist sans-serif for body text. Critical rules: never use a white background for primary sections, always use wide letter-spacing for uppercase headlines, and never use multiple font families or decorative flourishes. The layout is expansive, prioritizing atmospheric imagery over dense text. Interaction is refined, with smooth transitions and ghost-style buttons.
```