---
name: Texts
description: "This site is a prime example of a modern, AI-integrated productivity tool with a highly refined, accessible design system."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#101116"
  secondary: "#1C2022"
  tertiary: "#2563EB"
  neutral: "#697882"
  bg-soft: "#F9FAFB"
  bg-quiet: "#F5F7FA"
  muted-soft: "#9CA3AF"
  line: "rgba(226, 232, 240, 1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-1.12px"
  h1:
    fontFamily: humanist-sans
    fontSize: 48px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-1px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "normal"

rounded:
  sm: 4px
  md: 12px
  lg: 16px
  pill: 9999px

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

---

## Overview

An AI-enhanced messaging hub that organizes all your conversations in one clean, private interface.

*A streamlined, AI-powered command center for all your conversations*

## Colors

High-contrast, accessibility-focused palette with a dominant professional blue accent.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#101116`)** — uses `ink` token
- **Secondary text (`#1C2022`)** — uses `ink-soft` token
- **Accent (`#2563EB`)** — uses `accent` token
- **Muted (`#697882`)** — uses `muted` token
- **Borders (`rgba(226, 232, 240, 1)`)** — uses `line` token

## Typography

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

## Layout

Centered single-column layout for content sections with generous vertical padding.

*Rhythm:* Standard 4px grid with generous padding for whitespace-heavy sections.

## Elevation & Depth

- rgba(0, 0, 0, 0.1) 0px 1px 3px 0px
- rgba(0, 0, 0, 0.2) 0px 4px 16px 0px
- Borders: 1px solid rgb(226, 232, 240)

## Shapes

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

## Components

- **button:** High-contrast CTA with pill-shaped radius (9999px), bold weight, and directional arrow.
- **card:** Clean white containers with subtle rounded corners (12px) and soft drop shadows.
- **chip:** Minimal tag/chip components with light borders.
- **input:** Clean, bordered input fields with standard padding.
- **hero:** Bold, center-aligned typography over a clean background with a strong singular call to action.

## Do's and Don'ts

**Don't:**
- Don't use serif fonts — screenshot shows all typography in clean sans-serif families.
- Don't use neon or highly saturated secondary colors — screenshot shows a restrained palette of blue, white, and dark gray.
- Don't clutter the layout — screenshot shows generous whitespace and focused content sections.
- Don't use sharp, square corners on primary elements — screenshot shows 12px radius on cards and 9999px on buttons.
- Don't use heavy, aggressive drop shadows — screenshot shows very subtle, low-opacity elevation shadows.
- Don't use complex decorative illustrations — screenshot relies on clean text, simple icons, and UI screenshots.

---

## System Prompt (paste into AI agent)

```
This design is a clean, professional SaaS interface for an AI-powered productivity tool. It uses a high-contrast palette with a white background (#FFFFFF), dark ink (#101116), and a dominant blue accent (#2563EB). Typography is exclusively humanist-sans (Inter), featuring bold, negative-tracked headlines. Critical donts: avoid serif fonts, do not use neon or saturated secondary colors, and never clutter the layout with unnecessary decorative elements. Maintain generous whitespace and use 12px rounded corners for surfaces. The overall feel is modern, efficient, and trustworthy.
```