---
name: Relevance AI
description: "The design effectively communicates enterprise readiness and technical sophistication through its restrained yet bold visual language."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#0D162F"
  secondary: "#6B7280"
  tertiary: "#6056FF"
  neutral: "#9CA3AF"
  bg-soft: "#F3F4F6"
  bg-quiet: "#EEF2FF"
  muted-soft: "#D1D5DB"
  line: "rgba(229, 231, 235, 1)"

typography:
  display:
    fontFamily: sans-serif
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-1px"

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

AI agents that drive business impact, managed by your team

*A modern enterprise control tower*

## Colors

Clean white canvas with high-contrast dark text and vibrant purple accents for key actions and highlights.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#0D162F`)** — uses `ink` token
- **Secondary text (`#6B7280`)** — uses `ink-soft` token
- **Accent (`#6056FF`)** — uses `accent` token
- **Muted (`#9CA3AF`)** — uses `muted` token
- **Borders (`rgba(229, 231, 235, 1)`)** — uses `line` token

## Typography

- **Display:** sans-serif
- **Body:** sans-serif
- **Mono:** monospace

- Display headings use a tight geometric sans-serif.
- Body text uses a clean humanist sans-serif.
- Monospace is used sparingly for technical elements.
- Letter spacing is generally tight for headings and normal for body.

## Layout

Centered hero with a multi-column logo grid below.

*Rhythm:* 8px base grid with generous padding for sections.

## Elevation & Depth

- rgba(0, 0, 0, 0.05) 0px 1px 2px 0px
- rgba(59, 50, 249, 0.25) 0px 1.6px 6.4px 0px
- Borders: 1px solid #E5E7EB

## Shapes

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

## Components

- **button:** Solid purple for primary actions, outline or ghost for secondary, pill-shaped.
- **card:** White background with subtle borders and optional light shadows.
- **chip:** Small, rounded badges for categorization.
- **input:** Clean borders with a focus ring matching the accent color.
- **hero:** Large, bold headline with accent color highlighting, secondary text, and dual CTAs.

## Do's and Don'ts

**Don't:**
- Don't use a dark theme — screenshot shows a predominantly white background.
- Don't use serif fonts — screenshot shows clean sans-serif typography.
- Don't use multi-color gradients — screenshot uses solid purple as the primary accent.
- Don't use sharp corners — screenshot shows pill-shaped buttons and rounded cards.
- Don't use dense layouts — screenshot shows generous white space and large headlines.
- Don't use small, cramped text — screenshot features large, readable display sizes.

---

## System Prompt (paste into AI agent)

```
Relevance AI is an enterprise AI agent platform with a clean, professional SaaS aesthetic. The design uses a white background with deep navy text (#0D162F) and a vibrant purple accent (#6056FF) for key CTAs and highlights. Typography is modern sans-serif, with bold, large headlines that have tight tracking. Critical design principles include generous white space, a strict focus on readability, and a minimalist color palette. Do not use dark themes, serif fonts, or multi-colored gradients. Avoid cluttered layouts; maintain a high-end, enterprise feel with ample padding and clear visual hierarchy.
```