---
name: Turso
description: "A strong example of the modern 'developer-first' aesthetic, balancing high-contrast accents with a restrained, dark foundation."
version: alpha

colors:
  background: "#0D1318"
  primary: "#FFFFFF"
  secondary: "#C5CAE9"
  tertiary: "#4FF7D1"
  neutral: "#C5CACE"
  bg-soft: "#162129"
  bg-quiet: "#293945"
  muted-soft: "rgba(255,255,255,0.5)"
  line: "rgba(255,255,255,0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 64px
    lineHeight: 1.0
    fontWeight: 800
    letterSpacing: "-1.8px"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

The Database for the Age of AI Agents.

*A precision-engineered developer tool with the aesthetic of a modern fintech dashboard.*

## Colors

Dark mode foundation with high-contrast neon accents for critical call-to-actions.

- **Background (`#0D1318`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Secondary text (`#C5CAE9`)** — uses `ink-soft` token
- **Accent (`#4FF7D1`)** — uses `accent` token
- **Muted (`#C5CACE`)** — uses `muted` token
- **Borders (`rgba(255,255,255,0.1)`)** — uses `line` token

## Typography

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

- Use Inter (geometric-sans) for all UI and body text.
- Maintain tight negative letter-spacing for large display headlines.
- Use a clean, highly legible geometric sans-serif for all UI elements.

## Layout

Full-width dark sections with centered, constrained content blocks.

*Rhythm:* Consistent 4px base scale providing clear, breathable padding and gaps.

## Elevation & Depth

- Borders: 1px solid rgba(255,255,255,0.1)

## Shapes

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

## Components

- **button:** High-contrast pill buttons with neon backgrounds and dark text.
- **card:** Subtle bordered cards with dark backgrounds and soft rounded corners.
- **chip:** Small pill-shaped labels with muted backgrounds.
- **input:** Clean input fields with subtle borders and dark backgrounds.
- **hero:** Massive centered text-heavy hero with prominent neon accent elements.

## Do's and Don'ts

**Don't:**
- don't use white backgrounds — screenshot shows a deep dark (#0D1318) foundation.
- don't use decorative serif fonts — screenshot shows a clean, geometric sans-serif.
- don't use multiple accent colors — screenshot shows neon mint green (#4FF7D1) as the sole dominant high-chroma accent.
- don't use soft drop shadows — screenshot shows subtle 1px borders and background color shifts for elevation.
- don't use small, cramped spacing — screenshot shows generous padding (e.g., 40px, 128px) around content blocks.
- don't use lowercase for all headlines — screenshot shows standard title case or sentence case for technical statements.

---

## System Prompt (paste into AI agent)

```
This is a modern developer tools SaaS site for a database platform. The design uses a very dark, cool-toned background (#0D1318) contrasted with a high-energy neon mint accent (#4FF7D1). Typography relies on a clean geometric sans-serif with large, tightly tracked headlines and highly legible body text. Layouts are spacious and centered, emphasizing clarity and technical authority. Critical don'ts include: avoid light backgrounds, avoid decorative fonts, avoid multiple competing accent colors, and avoid heavy drop shadows. The voice is technical, direct, and focused on modern infrastructure.
```