---
name: Heartaerospace
description: "The site effectively uses restraint and high-quality imagery to convey a premium, visionary hardware brand identity."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#141414"
  secondary: "#767676"
  tertiary: "#1032CF"
  neutral: "#767676"
  bg-soft: "#EEF0F2"
  line: "rgba(20,20,20,0.15)"

typography:
  display:
    fontFamily: neue-haas-grotesk-display
    fontSize: 50px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "0.1px"
  body:
    fontFamily: neue-haas-grotesk-text
    fontSize: 18px
    lineHeight: 1.78
    fontWeight: 400
    letterSpacing: "0.1px"
  caption:
    fontFamily: neue-haas-grotesk-text
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0.5px"

rounded:
  sm: 4px
  md: 8px
  lg: 32px
  pill: 999px

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

---

## Overview

A premium, clean aerospace brand showcasing electric aviation hardware with restrained typography and large-scale imagery.

*Clean, restrained aerospace engineering documentation.*

## Colors

High-contrast monochrome base with a single, vibrant deep blue accent for interactive elements.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#141414`)** — uses `ink` token
- **Secondary text (`#767676`)** — uses `ink-soft` token
- **Accent (`#1032CF`)** — uses `accent` token
- **Muted (`#767676`)** — uses `muted` token
- **Borders (`rgba(20,20,20,0.15)`)** — uses `line` token

## Typography

- **Display:** neue-haas-grotesk-display
- **Body:** neue-haas-grotesk-text

- Use Neue Haas Grotesk Display for all major display text.
- Use Neue Haas Grotesk Text for all body and UI text.
- Maintain tight letter-spacing for headlines.

## Layout

Full-width hero images with centered, large-scale typography overlays.

*Rhythm:* Strict 4px base grid with generous 64px section padding.

## Elevation & Depth

- 0 32px 68px rgba(0, 0, 0, 0.3)
- Borders: Subtle 1px borders using rgba(20,20,20,0.15) or black with low opacity.

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 32px
- `pill`: 999px

## Components

- **button:** Solid deep blue (#1032CF) rectangles with white text and rounded corners (lg radius).
- **card:** Simple white or transparent surfaces with no visible borders.
- **chip:** Minimal pill-shaped toggles for cookie consent.
- **input:** Clean text inputs with subtle bottom borders.
- **hero:** Full-width photographic background with large white overlay typography.

## Do's and Don'ts

**Don't:**
- Don't use decorative fonts — screenshot shows clean, geometric grotesque sans-serif typography.
- Don't use busy backgrounds behind text — screenshot shows clear text overlays on imagery or solid white backgrounds.
- Don't use multiple accent colors — screenshot shows a single dominant deep blue used consistently.
- Don't use sharp, aggressive corners — screenshot shows consistently rounded corners (up to 32px) on major elements.
- Don't use dark mode for the main interface — screenshot shows a predominantly white and light-themed layout.
- Don't use low-contrast text — screenshot shows high-contrast black or white text against its background.

---

## System Prompt (paste into AI agent)

```
Heart Aerospace is a premium electric aircraft manufacturer. The design is clean, restrained, and hardware-focused, utilizing a high-contrast palette of stark white (#FFFFFF), deep black (#141414), and a single vibrant deep blue (#1032CF) accent. Typography relies on Neue Haas Grotesk Display and Text, characterized by tight letter-spacing and large scales. Critical donts: avoid multiple accent colors, never use decorative or serif typefaces, and avoid visual clutter or busy layouts. The design DNA centers on clean geometric lines, generous whitespace, and high-quality photography to convey technological precision and a visionary mission.
```