---
name: Raycast
description: "A masterclass in restrained dark-mode design for a technical product, proving that deep blacks and minimal color can create a premium, high-performance feel."
version: alpha

colors:
  background: "#0D0D0D"
  primary: "#FFFFFF"
  secondary: "#E6E6E6"
  neutral: "#9C9C9D"
  bg-soft: "#111214"
  bg-quiet: "#1B1C1E"
  muted-soft: "#6A6B6C"
  line: "rgba(255, 255, 255, 0.1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-1px"
  h2:
    fontFamily: humanist-sans
    fontSize: 32px
    lineHeight: 1.15
    fontWeight: 500
    letterSpacing: "-0.5px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0px"
  caption:
    fontFamily: humanist-sans
    fontSize: 13px
    lineHeight: 1.4
    fontWeight: 500
    letterSpacing: "0.1px"

rounded:
  sm: 6px
  md: 8px
  lg: 12px
  pill: 999px

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

---

## Overview

A powerful, AI-native command palette and productivity launcher.

*A high-performance command center for your operating system.*

## Colors

Extreme high-contrast dark mode with deep blacks, crisp white text, and a singular, aggressive red accent in the hero.

- **Background (`#0D0D0D`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Secondary text (`#E6E6E6`)** — uses `ink-soft` token
- **Muted (`#9C9C9D`)** — uses `muted` token
- **Borders (`rgba(255, 255, 255, 0.1)`)** — uses `line` token

## Typography

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

- Use GeistMono for technical specifications and version numbers.
- Maintain tight letter spacing (-1px) for large display text.
- Body text uses regular weight (400) for readability on dark backgrounds.

## Layout

Centered hero with a full-width atmospheric background, followed by structured content blocks.

*Rhythm:* Consistent 4px grid, prioritizing generous white space to balance the dense dark UI.

## Elevation & Depth

- rgba(0, 0, 0, 0.4) 0px 1.5px 0.5px 2.5px
- rgb(27, 28, 30) 0px 0px 0px 1px
- rgb(7, 8, 10) 0px 0px 0px 1px inset
- rgba(255, 255, 255, 0.2) 0px 1px 1px 1px inset
- rgba(215, 201, 175, 0.05) 0px 0px 20px 5px
- Borders: Subtle 1px solid borders with rgba(255, 255, 255, 0.1) or dark grays.

## Shapes

- `sm`: 6px
- `md`: 8px
- `lg`: 12px
- `pill`: 999px

## Components

- **button:** Primary buttons are white with black text and high border-radius (pill), secondary buttons are outlined or ghost.
- **card:** Dark, subtly bordered containers with inset shadows, often housing extensions or feature previews.
- **chip:** Small, pill-shaped tags with dark backgrounds and subtle borders, used for feature labels.
- **input:** Not visible in screenshot, but inferred as dark, recessed fields with inset shadows.
- **hero:** Full-viewport hero with a striking diagonal light beam effect and centered, large typography.

## Do's and Don'ts

**Don't:**
- Don't use a light theme — screenshot shows a deep, near-black (#0D0D0D) background.
- Don't use rounded, bubbly UI — screenshot shows more squared-off, refined border-radius (6-12px).
- Don't use multiple bright accent colors — screenshot shows a singular red accent only in the hero graphic.
- Don't use playful, handwritten, or script fonts — screenshot uses clean humanist-sans and geometric-mono.
- Don't use heavy drop shadows — screenshot relies on subtle inset shadows and thin borders for depth.
- Don't center-align all body text — screenshot shows left-aligned feature text blocks.

---

## System Prompt (paste into AI agent)

```
Raycast is a premium developer and productivity tool positioned as a fast, AI-native command launcher. Its visual identity is built on an ultra-dark, high-contrast palette centered on near-black (#0D0D0D) and pure white, with subtle gray tones for hierarchy. The typography uses clean humanist-sans (Inter) for UI and geometric-mono for technical details. Critical design rules: maintain extreme restraint in color usage, avoiding multiple accents; use subtle inset shadows and thin borders instead of heavy elevation; ensure generous white space to balance the dense dark surfaces. The overall feel is refined, powerful, and focused on performance.
```