---
name: Glean
description: "The site exemplifies a modern, premium SaaS aesthetic, balancing technical authority with an approachable, friendly UI through rounded corners and soft gradients."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#333333"
  tertiary: "#343CED"
  neutral: "#D2D4FB"
  bg-soft: "#FDFEFE"
  bg-quiet: "#D2D4FB"
  muted-soft: "rgba(210,212,251,0.38)"
  line: "rgba(52,60,237,0.2)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 48px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-0.16px"
  h1:
    fontFamily: humanist-sans
    fontSize: 48px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-2.16px"
  body:
    fontFamily: humanist-sans
    fontSize: 18px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "normal"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "normal"

rounded:
  sm: 6px
  md: 8px
  lg: 20px
  pill: 64px

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

---

## Overview

Enterprise AI search and assistant platform.

*A polished, high-trust enterprise AI platform that feels professional yet modern.*

## Colors

Clean white base with high-chroma electric blue accents and soft pastel gradients.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#333333`)** — uses `ink` token
- **Accent (`#343CED`)** — uses `accent` token
- **Muted (`#D2D4FB`)** — uses `muted` token
- **Borders (`rgba(52,60,237,0.2)`)** — uses `line` token

## Typography

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

- Use neutral sans-serif for all primary text.
- Use slim geometric sans for occasional display emphasis.
- Use monospace only for technical labels.

## Layout

12-column grid.

*Rhythm:* 4px base grid.

## Elevation & Depth

- rgba(52, 60, 237, 0.2) 0px 0px 17px 0px
- rgba(0, 0, 0, 0.03) 0px 8px 10px 0px
- Borders: 1px solid #333333

## Shapes

- `sm`: 6px
- `md`: 8px
- `lg`: 20px
- `pill`: 64px

## Components

- **button:** Primary uses filled blue with pill border-radius; secondary uses outline or text.
- **card:** White cards with subtle borders and rounded corners.
- **chip:** Small badges with rounded corners and subtle background colors.
- **input:** Clean white inputs with subtle borders.
- **hero:** Split layout with large typography on the left and 3D/illustrative elements on the right.

## Do's and Don'ts

**Don't:**
- don't use pure black for text — screenshot shows #333333 instead
- don't use sharp corners — screenshot shows border-radius of 20px instead
- don't use static flat backgrounds — screenshot shows soft pastel gradients instead
- don't use small tight typography — screenshot shows large 48px display sizes instead
- don't use neon or highly saturated secondary colors — screenshot shows muted #D2D4FB instead
- don't use ornate or serif fonts — screenshot shows clean geometric/humanist sans-serif instead

---

## System Prompt (paste into AI agent)

```
Glean is an enterprise AI search and assistant platform with a polished, high-trust design. The visual system relies on a clean white base (#FFFFFF) contrasted with a high-chroma electric blue accent (#343CED) and soft pastel gradients. Typography utilizes clean, professional sans-serif categories (geometric and humanist) with large display sizes up to 48px to convey authority and clarity. The layout is structured, spacious, and uses a 12-column grid with 20px border-radius on major components. Critical constraints: Do not use pure black (#000000) for text, use #333333 instead. Do not use sharp corners, maintain the rounded, friendly aesthetic. Do not use heavy or decorative serif fonts.
```