---
name: Lamborghini
description: "This site is worth including as a masterclass in using bold typography and immersive photography to define a luxury brand."
version: alpha

colors:
  background: "#000000"
  primary: "#202020"
  secondary: "#FFFFFF"
  neutral: "#969696"
  bg-soft: "#FFFFFF"
  line: "rgba(255,255,255,1)"

typography:
  display:
    fontFamily: condensed-sans
    fontSize: 120px
    lineHeight: 0.9
    fontWeight: 400
    letterSpacing: "-2px"
  headline:
    fontFamily: humanist-sans
    fontSize: 27px
    lineHeight: 1.37
    fontWeight: 400
    letterSpacing: "normal"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "normal"

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

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

---

## Overview

A premium automotive brand site that uses full-bleed photography and bold condensed typography to convey power and exclusivity.

*A high-end automotive magazine brought to life with cinematic photography and brutalist typography.*

## Colors

High-contrast monochromatic palette that lets the photography carry the brand's energy.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#202020`)** — uses `ink` token
- **Secondary text (`#FFFFFF`)** — uses `ink-soft` token
- **Muted (`#969696`)** — uses `muted` token
- **Borders (`rgba(255,255,255,1)`)** — uses `line` token

## Typography

- **Display:** condensed-sans
- **Body:** humanist-sans

- All typography is uppercase
- Display type uses a custom condensed sans-serif
- Body copy uses a clean humanist sans-serif

## Layout

Full-bleed photography with left-aligned text overlays.

*Rhythm:* Consistent 24px gutter spacing aligns with the base grid.

## Elevation & Depth

- Borders: 1px solid rgba(255,255,255,1) used for outlines and separators.

## Shapes

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

## Components

- **button:** Full-width block button with uppercase text and a right arrow, featuring a solid background and sharp edges.
- **card:** Image-driven cards with minimal text overlays, no visible borders.
- **chip:** Small uppercase tags with thin white borders.
- **input:** Minimal search and input fields with subtle underlines.
- **hero:** Full-screen immersive video or image backgrounds with massive condensed typography.

## Do's and Don'ts

**Don't:**
- Don't use lowercase for headlines — screenshot shows all typography is uppercase
- Don't use rounded corners on primary components — screenshot shows sharp edges
- Don't use vibrant brand colors — screenshot shows a monochromatic palette
- Don't use script or serif fonts — screenshot shows only sans-serif typography
- Don't clutter the layout with multiple overlapping elements — screenshot shows clean, spacious layouts
- Don't use drop shadows on cards — screenshot shows flat, image-driven components

---

## System Prompt (paste into AI agent)

```
This is a premium automotive brand website. Positioning is luxury and performance, focusing on high-quality photography and minimal UI. Key colors are #000000 for the background and #FFFFFF for the text, creating a high-contrast monochromatic palette. Font categories include a condensed sans for display and a humanist sans for body. Critical donts: avoid lowercase headlines, avoid rounded corners, avoid vibrant colors. The layout is spacious with 24px gutters, and motion is smooth using cubic-bezier easing.
```