---
name: Gamma
description: "This site is an excellent example of modern AI SaaS design, balancing a friendly, approachable aesthetic with the professional authority needed to build user trust in a creative tool."
version: alpha

colors:
  background: "#FAFAFA"
  primary: "#002253"
  secondary: "#38383C"
  tertiary: "#0888F7"
  neutral: "#66666B"
  bg-soft: "#E8EEFC"
  line: "rgba(223,223,224,1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 56px
    lineHeight: 1.1
    fontWeight: 700
    letterSpacing: "-1.92px"
  h2:
    fontFamily: humanist-sans
    fontSize: 30px
    lineHeight: 1.2
    fontWeight: 700
    letterSpacing: "-0.6px"
  body:
    fontFamily: humanist-sans
    fontSize: 18px
    lineHeight: 1.5
    fontWeight: 500
    letterSpacing: "normal"
  small:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 500
    letterSpacing: "normal"

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

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

---

## Overview

Effortless AI design for presentations, websites, and more

*A creative co-pilot that turns raw ideas into polished decks instantly*

## Colors

Crisp white canvas with deep navy ink, highlighted by soft blue washes and a single electric blue accent

- **Background (`#FAFAFA`)** — uses `bg` token
- **Primary text (`#002253`)** — uses `ink` token
- **Secondary text (`#38383C`)** — uses `ink-soft` token
- **Accent (`#0888F7`)** — uses `accent` token
- **Muted (`#66666B`)** — uses `muted` token
- **Borders (`rgba(223,223,224,1)`)** — uses `line` token

## Typography

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

## Layout

Alternating white and soft blue (#E8EEFC) sections

*Rhythm:* Consistent 4px base unit with generous whitespace

## Elevation & Depth

- 0 1px 2px rgba(0,0,0,0.05)
- 0 10px 15px -3px rgba(0,0,0,0.1)
- 0 5.59px 11.18px rgba(71,123,245,0.1)
- Borders: Subtle 1px borders in #DFDFE0 to define cards and inputs

## Shapes

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

## Components

- **button:** Pill-shaped (9999px radius), solid #002253 background with white text for primary CTA
- **card:** White cards with soft blue gradient backgrounds (#E8EEFC to #84C1FA) and 24px border radius
- **chip:** Pill-shaped badges with thin borders and muted text
- **input:** Large, rounded text areas with light backgrounds
- **hero:** Full-width section with large geometric sans headline and abstract 3D-style illustrations

## Do's and Don'ts

**Don't:**
- Don't use sharp corners — screenshot shows generous 24px and 12px border radii on most components
- Don't use a dark background for the main site shell — screenshot shows white and very light blue backgrounds
- Don't use a single solid background color — screenshot shows linear gradients transitioning between blue shades
- Don't use small, tight headline typography — screenshot shows large, bold, geometric sans-serif headlines with negative letter-spacing
- Don't use cluttered, dense layouts — screenshot shows generous whitespace and a clear 12-column grid structure
- Don't use aggressive red or orange accents — screenshot shows the primary accent is a bright, friendly blue (#0888F7)

---

## System Prompt (paste into AI agent)

```
Gamma is a clean, modern AI SaaS landing page focused on empowering users to create presentations effortlessly. The design DNA is defined by a crisp white background (#FAFAFA) paired with a deep navy ink (#002253) for high contrast and authority. Soft, ethereal blue washes (#E8EEFC to #84C1FA) provide depth and a friendly feel. Typography relies on a bold geometric sans-serif for large, impactful headlines with negative letter-spacing, and a clean humanist sans-serif for readable body text. Key critical donts include: do not use sharp corners (embrace 12px-24px radii), avoid dark backgrounds for the main layout (keep it bright and airy), and never use aggressive or clashing accent colors (stick to the primary bright blue #0888F7). The overall aesthetic is professional yet approachable, utilizing smooth transitions and generous whitespace to guide the user's attention toward the 'Start for free' primary call-to-action.
```