---
name: Inngest
description: "Inngest provides an excellent reference for a premium developer tools brand, balancing technical credibility with a sophisticated, modern dark mode aesthetic."
version: alpha

colors:
  background: "#0C0A09"
  primary: "#FAFAF9"
  secondary: "#A8A29E"
  tertiary: "#CBB26A"
  neutral: "#9CA3AF"
  bg-soft: "#1C1917"
  bg-quiet: "#292524"
  line: "rgba(168, 162, 158, 0.2)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 60px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-2px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 4px
  md: 8px
  lg: 12px
  pill: 9999px

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

---

## Overview

Make any code durable by default.

*A reliable, industrial-strength platform for code that needs to run without failure.*

## Colors

Dark, high-contrast theme with warm stone neutrals and a single golden accent for primary actions.

- **Background (`#0C0A09`)** — uses `bg` token
- **Primary text (`#FAFAF9`)** — uses `ink` token
- **Secondary text (`#A8A29E`)** — uses `ink-soft` token
- **Accent (`#CBB26A`)** — uses `accent` token
- **Muted (`#9CA3AF`)** — uses `muted` token
- **Borders (`rgba(168, 162, 158, 0.2)`)** — uses `line` token

## Typography

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

- Display type uses a tight -2px letter-spacing for maximum impact.
- Body copy is set at a standard 16px for optimal readability on dark backgrounds.
- Primary brand font is a clean, geometric sans-serif.

## Layout

Centered content layout with generous vertical whitespace and clear visual hierarchy.

*Rhythm:* Consistent 4px grid system with generous spacing for breathing room between sections.

## Elevation & Depth

- 0px 1px 2px rgba(0, 0, 0, 0.1)
- 0px 1px 3px rgba(0, 0, 0, 0.1)
- Borders: Subtle 1px borders using rgba(168, 162, 158, 0.2) to define edges without harsh contrast.

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 12px
- `pill`: 9999px

## Components

- **button:** Primary uses golden accent with dark text; secondary uses transparent background with white border.
- **card:** Dark containers (bgSoft/bgQuiet) with subtle borders and slight padding.
- **chip:** Used for tags or labels, often with subtle borders or muted backgrounds.
- **input:** Clean, minimal input fields with subtle borders and focus states.
- **hero:** Large, bold typography paired with abstract geometric background patterns.

## Do's and Don'ts

**Don't:**
- Don't use bright neon colors — screenshot shows muted stone and golden tones.
- Don't use wide, decorative typography — screenshot shows tight, geometric sans-serif headlines.
- Don't use heavy shadows or glassmorphism — screenshot shows subtle, flat border-based depth.
- Don't use pure black (#000000) for backgrounds — screenshot shows warm off-black (#0C0A09).
- Don't use rounded pill shapes for primary buttons — screenshot shows sharp 4px corners.
- Don't use multiple competing accent colors — screenshot shows a single dominant golden accent.

---

## System Prompt (paste into AI agent)

```
Inngest is a developer tools SaaS platform with a dark, premium aesthetic. The design DNA is grounded in a warm, off-black background (#0C0A09) with high-contrast white text (#FAFAF9) and muted stone accents (#A8A29E). A single golden accent color (#CBB26A) is used for primary calls to action. Typography relies on clean, geometric sans-serifs for headlines with tight letter-spacing, and humanist sans-serifs for body text. Layout is centered and spacious, using a 12-column grid. Critical donts: do not use bright neon colors, do not use heavy shadows or glassmorphism, and do not use purely black backgrounds. The overall feel is technical, reliable, and sophisticated, aimed at engineering teams building robust systems.
```