---
name: Qdrant
description: "This site is a prime example of a modern 'Developer Tool' aesthetic, balancing technical credibility with high-impact visual design to drive conversion."
version: alpha

colors:
  background: "#090e1a"
  primary: "#ffffff"
  secondary: "#8f98b2"
  tertiary: "#dc244c"
  neutral: "#8f98b2"
  bg-soft: "#28324d"
  bg-quiet: "#161e33"
  muted-soft: "#f0f3fa"
  line: "rgba(40, 50, 77, 1.0)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 64px
    lineHeight: 1.0
    fontWeight: 600
    letterSpacing: "-1px"
  h1:
    fontFamily: humanist-sans
    fontSize: 40px
    lineHeight: 1.1
    fontWeight: 600
    letterSpacing: "-0.5px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

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

High-performance vector search engine for AI retrieval at scale.

*A high-speed data highway for AI, engineered for maximum throughput.*

## Colors

High-contrast dark mode with a singular, high-energy accent color to drive action.

- **Background (`#090e1a`)** — uses `bg` token
- **Primary text (`#ffffff`)** — uses `ink` token
- **Secondary text (`#8f98b2`)** — uses `ink-soft` token
- **Accent (`#dc244c`)** — uses `accent` token
- **Muted (`#8f98b2`)** — uses `muted` token
- **Borders (`rgba(40, 50, 77, 1.0)`)** — uses `line` token

## Typography

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

- Tight letter-spacing for display headings to create a solid, architectural feel.
- Generous line-height for body text to ensure readability on dark backgrounds.
- Monospace for technical labels and code snippets to establish developer context.

## Layout

Full-width hero with centered text and large background imagery, transitioning to a structured grid for content sections.

*Rhythm:* Vertical spacing is driven by a 4px base grid, ensuring consistent alignment of modular components.

## Elevation & Depth

- 0px 2px 1px 0px inset for button glow effect.
- 0px 4px 8px 0px rgba(0, 0, 0, 0.2) for floating elements.
- Borders: Solid 1px borders in #28324d to subtly define modules and containers.

## Shapes

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

## Components

- **button:** Primary buttons use a bold red gradient (#dc244c) with pill-shaped rounded corners for high visibility.
- **card:** Content cards are defined by subtle 1px borders and generous internal padding.
- **chip:** Navigation items are clean, text-based chips with hover transitions.
- **input:** Form inputs use subtle backgrounds with 1px borders and rounded corners.
- **hero:** A cinematic hero section featuring large-scale typography over a space-themed illustrative background.

## Do's and Don'ts

**Don't:**
- Don't use light, airy backgrounds — the screenshot shows a deep, dark (#090e1a) interface.
- Don't use soft, rounded corners everywhere — the screenshot shows sharp, 8px corners on cards and containers.
- Don't use a wide variety of colors — the screenshot shows a limited palette focused on dark blues and a single red accent.
- Don't use low-contrast text — the screenshot shows bright white (#ffffff) text on dark backgrounds.
- Don't use playful or decorative fonts — the screenshot shows a functional, humanist-sans system.
- Don't clutter the layout with many side-by-side elements — the screenshot shows generous whitespace and a clear vertical flow.

---

## System Prompt (paste into AI agent)

```
This is a high-performance developer tool for AI vector search. The design DNA is defined by a dark, architectural aesthetic using a deep navy background (#090e1a) and a vibrant red accent (#dc244c) for critical actions. Typography uses a clean humanist-sans system with tight letter-spacing for display headlines to convey speed and scale. Critical donts: Avoid light backgrounds, avoid overly rounded corners, and avoid low-contrast text. The interface must feel engineered, reliable, and built for scale, with generous whitespace and a clear information hierarchy.
```