---
name: Pitch
description: "An excellent example of a modern, premium SaaS aesthetic that combines bold typography with a dark, focused canvas."
version: alpha

colors:
  background: "#0c021c"
  primary: "#ffffff"
  secondary: "#0c021c"
  tertiary: "#d4fb6b"
  neutral: "#c6a5ff"
  bg-soft: "#1a0d33"
  bg-quiet: "#ebe3fe"
  muted-soft: "#ebe3fe"
  line: "rgba(198, 165, 255, 0.2)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 120px
    lineHeight: 1.0
    fontWeight: 900
    letterSpacing: "-7.2px"
  display-sm:
    fontFamily: geometric-sans
    fontSize: 60px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-2.56px"
  body-lg:
    fontFamily: humanist-sans
    fontSize: 20px
    lineHeight: 1.6
    fontWeight: 400
    letterSpacing: "-0.4px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.6
    fontWeight: 400
    letterSpacing: "-0.32px"
  caption:
    fontFamily: humanist-sans
    fontSize: 12px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

AI-powered collaborative presentation design for modern teams.

*A bold, creative canvas for teams to build winning presentations.*

## Colors

Deep purple darkness creates a bold, focused canvas that makes vibrant accents and crisp white typography pop.

- **Background (`#0c021c`)** — uses `bg` token
- **Primary text (`#ffffff`)** — uses `ink` token
- **Secondary text (`#0c021c`)** — uses `ink-soft` token
- **Accent (`#d4fb6b`)** — uses `accent` token
- **Muted (`#c6a5ff`)** — uses `muted` token
- **Borders (`rgba(198, 165, 255, 0.2)`)** — uses `line` token

## Typography

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

- Headlines use tight negative letter-spacing and heavy weights for impact.
- Body text relies on standard weights for readability against dark backgrounds.
- Large type sizes are used to establish strong visual hierarchy.

## Layout

Centered, full-bleed hero sections with scattered, overlapping UI elements.

*Rhythm:* Generous whitespace emphasizes the bold typography and creates a clean, premium feel.

## Elevation & Depth

- 0 20px 60px -20px rgba(198, 165, 255, 0.35)
- Borders: Subtle borders are rarely used; depth is primarily achieved through color blocking and soft glows.

## Shapes

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

## Components

- **button:** Large, rounded 'pill' buttons. Primary actions use vibrant lime green backgrounds with dark text. Secondary actions use white outlines.
- **card:** Rounded rectangular cards for testimonials, using solid purple backgrounds or full-bleed photography.
- **chip:** Pill-shaped tags with solid backgrounds and bold typography.
- **input:** Large, rounded input fields with soft purple borders and internal action buttons.
- **hero:** Full-bleed dark purple canvas with massive typography, scattered floating UI elements, and a central AI prompt interface.

## Do's and Don'ts

**Don't:**
- Don't use muted or desaturated colors — screenshot shows a palette of deep, vibrant purples and bright lime.
- Don't use delicate serif fonts — screenshot shows heavy, bold geometric sans-serifs for display.
- Don't clutter the layout with too many elements — screenshot shows a clean canvas with generous whitespace.
- Don't use small, timid buttons — screenshot shows large, rounded, high-contrast pill buttons.
- Don't rely on heavy borders for structure — screenshot shows color blocking and depth instead.
- Don't use standard corporate blue as an accent — screenshot shows a unique lime green as the primary action color.

---

## System Prompt (paste into AI agent)

```
A bold, creative SaaS platform for collaborative presentations. It features a dark purple canvas (#0c021c) accented with vibrant lime green (#d4fb6b) and soft lavender (#c6a5ff). The typography is dominated by heavy, geometric sans-serif display fonts with tight negative letter-spacing, paired with clean humanist-sans body text. Key critical don'ts include: avoid using standard corporate blues, avoid delicate serif typography, and avoid cluttered, border-heavy layouts. The design relies on generous whitespace and color blocking to create a premium, focused experience.
```