---
name: Harvey
description: "This site is an excellent example of premium, restrained design for a high-end B2B SaaS product in a conservative industry."
version: alpha

colors:
  background: "#0F0E0D"
  primary: "#FAFAF9"
  secondary: "#0F0E0D"
  neutral: "#8F8B85"
  bg-soft: "#FAFAF9"
  line: "rgba(250, 250, 249, 1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 72px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  h2:
    fontFamily: humanist-sans
    fontSize: 48px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-0.9px"
  h3:
    fontFamily: humanist-sans
    fontSize: 32px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-0.48px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "-0.14px"

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

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

---

## Overview

An AI platform for top law firms.

*A high-end legal service meets modern technology.*

## Colors

Monochromatic, high-contrast dark palette with minimal color usage.

- **Background (`#0F0E0D`)** — uses `bg` token
- **Primary text (`#FAFAF9`)** — uses `ink` token
- **Secondary text (`#0F0E0D`)** — uses `ink-soft` token
- **Muted (`#8F8B85`)** — uses `muted` token
- **Borders (`rgba(250, 250, 249, 1)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** humanist-sans

## Layout

Left-aligned hero content over a full-width background image, followed by a logo strip and grid sections.

*Rhythm:* 8px base grid

## Elevation & Depth

- Borders: 1px solid rgba(250, 250, 249, 1)

## Shapes

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

## Components

- **button:** White outline buttons with black text and rounded corners, solid white buttons for primary actions.
- **card:** Clean cards with generous padding, often featuring photography or video thumbnails.
- **hero:** Full-viewport cinematic background image with left-aligned text overlay.

## Do's and Don'ts

**Don't:**
- Don't use bright, neon accent colors — the screenshot shows a restrained, near-monochrome palette.
- Don't use a generic geometric sans-serif for headlines — the screenshot shows a sophisticated serif font.
- Don't use heavy drop shadows on elements — the screenshot shows flat surfaces and subtle borders.
- Don't clutter the layout with too many elements — the screenshot shows generous whitespace and a clear hierarchy.
- Don't use rounded, bubbly button shapes — the screenshot shows slightly rounded, but firm rectangles.
- Don't use low-quality or generic stock photography — the screenshot shows high-quality, cinematic imagery.

---

## System Prompt (paste into AI agent)

```
Design a premium, sophisticated AI interface for a legal tech platform. Use a near-monochrome palette with a very dark (#0F0E0D) background and bright (#FAFAF9) text. Employ a transitional-serif for display headings and a humanist-sans for body text. Emphasize generous whitespace and high-quality cinematic photography. Ensure CTAs are clear and direct, using outline or solid white buttons. Avoid playful language or bright accent colors. The tone should be authoritative and professional.
```