---
name: Lucid
description: "A perfect example of premium automotive branding using minimalist design to elevate cinematic photography and serif typography."
version: alpha

colors:
  background: "#0f0f0f"
  primary: "#000000"
  secondary: "#323232"
  tertiary: "#d7be96"
  neutral: "#7f7f7f"
  bg-soft: "#f0f0f0"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 64px
    lineHeight: 1.05
    fontWeight: 400
    letterSpacing: "-0.02em"
  body:
    fontFamily: grotesque-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0em"
  caption:
    fontFamily: grotesque-sans
    fontSize: 12px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0.1em"

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

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

---

## Overview

A luxury electric vehicle brand presenting premium SUVs through cinematic photography and restrained, elegant typography.

*A high-end automotive showroom with cinematic photography and minimal chrome.*

## Colors

High-contrast palette using deep blacks and bright whites to let cinematic photography dominate, with a muted gold accent for premium warmth.

- **Background (`#0f0f0f`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#323232`)** — uses `ink-soft` token
- **Accent (`#d7be96`)** — uses `accent` token
- **Muted (`#7f7f7f`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.1)`)** — uses `line` token

## Typography

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

- Display headlines use a transitional serif with tight tracking for a premium feel.
- Body text uses a clean grotesque sans-serif for readability.
- Small text and labels use wide tracking for an airy, luxurious aesthetic.

## Layout

Full-bleed cinematic hero imagery with left-aligned text overlays and a clean, minimal navigation bar.

*Rhythm:* Consistent 4px grid with generous whitespace to emphasize photographic content.

## Elevation & Depth

- rgba(0, 0, 0, 0.3) 0px 0px 7px -2px
- Borders: Minimal 1px solid borders used sparingly for separation and form fields.

## Shapes

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

## Components

- **button:** Minimal, uppercase text buttons with wide tracking, or subtle outline buttons with small border-radius.
- **card:** Minimal or no cards; content is presented through full-bleed photography and clean typography blocks.
- **input:** Clean, bottom-border or full-border inputs with minimal decoration.
- **hero:** Full-viewport cinematic video or photography with serif headline overlay and subtle dark gradient.

## Do's and Don'ts

**Don't:**
- Don't use multiple competing colors — screenshot shows a strictly neutral palette with a single warm accent.
- Don't use rounded buttons or playful shapes — screenshot shows sharp, minimal corners or pill shapes.
- Don't use decorative sans-serif for headlines — screenshot shows a transitional serif for display text.
- Don't clutter the layout with many elements — screenshot shows generous whitespace and cinematic focus.
- Don't use bright, high-saturation accents — screenshot uses a muted, earthy gold (#d7be96).
- Don't use heavy shadows or 3D effects — screenshot relies on subtle gradients and clean photography.

---

## System Prompt (paste into AI agent)

```
A luxury automotive website for Lucid Motors, showcasing premium electric SUVs through cinematic photography and restrained, sophisticated design. The palette is dominated by deep blacks (#0f0f0f), crisp whites (#ffffff), and a single warm, muted gold accent (#d7be96). Typography pairs a transitional serif for display headlines with a clean grotesque sans-serif for body text. The layout is clean and spacious, emphasizing full-bleed photography and minimal chrome. Critical donts: never use multiple competing colors, avoid playful or rounded shapes, do not use decorative sans-serif for headlines, never clutter the layout, avoid bright/saturated accents, and never use heavy shadows or 3D effects. The overall feel is premium, authoritative, and cinematic, aligning with high-end automotive branding.
```