---
name: Dovetail No
description: "This site is a great example of how a limited color palette and strong typography can create a premium, authoritative brand identity for a financial or investment firm."
version: alpha

colors:
  background: "#F9E5B1"
  primary: "#1D1E21"
  neutral: "#9CA3AF"
  line: "rgba(229,231,235,1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-0.72px"
  heading:
    fontFamily: humanist-sans
    fontSize: 48px
    lineHeight: 1.17
    fontWeight: 400
    letterSpacing: "-0.24px"
  body-lg:
    fontFamily: humanist-sans
    fontSize: 28px
    lineHeight: 1.07
    fontWeight: 400
    letterSpacing: "0.11px"
  body:
    fontFamily: humanist-sans
    fontSize: 22px
    lineHeight: 1.36
    fontWeight: 400
    letterSpacing: "0.2px"
  caption:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.25
    fontWeight: 400
    letterSpacing: "0.2px"

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

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

---

## Overview

Investing in tech-enabled companies that last.

*A premium Swiss studio crafting investment vehicles for tech longevity.*

## Colors

Warm, high-contrast palette dominated by a single tint and near-black ink.

- **Background (`#F9E5B1`)** — uses `bg` token
- **Primary text (`#1D1E21`)** — uses `ink` token
- **Muted (`#9CA3AF`)** — uses `muted` token
- **Borders (`rgba(229,231,235,1)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans

## Layout

A two-column split layout with large typography balanced by abstract illustrations.

*Rhythm:* 8px based vertical rhythm enforced by line-heights and padding.

## Elevation & Depth

- Borders: No borders on containers; occasional 2px dividers or 1px borders.

## Shapes

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

## Components

- **button:** High-contrast pill-shaped button with inverted colors (white text on black bg).
- **card:** Clean, text-driven cards with minimal or no visual borders.
- **chip:** Simple, unbordered navigation links.
- **input:** N/A
- **hero:** A massive typographic statement balanced by a large, abstract illustration.

## Do's and Don'ts

**Don't:**
- Don't use bright accent colors — screenshot shows a strict two-tone palette.
- Don't use playful or decorative typefaces — screenshot shows a clean humanist sans-serif.
- Don't add drop shadows to containers — screenshot shows flat, shadowless surfaces.
- Don't use complex gradients — screenshot shows a single, solid warm background.
- Don't clutter the layout with small elements — screenshot shows a spacious, typography-driven hierarchy.
- Don't use rounded cards with borders — screenshot shows open space and minimal visual containers.

---

## System Prompt (paste into AI agent)

```
Dovetail is an investment firm with a premium, design-led digital presence. The primary palette is warm and high-contrast, featuring a dominant sandy yellow background (#F9E5B1) paired with near-black ink (#1D1E21). Typography is a clean humanist sans-serif used at large scales with tight tracking for a modern, confident feel. Critical design constraints: 1) Never use playful or decorative fonts; 2) Avoid bright accent colors or complex gradients; 3) Do not use drop shadows or dense, cluttered containers. The layout is spacious and editorial, balancing large statements with bold, abstract illustrations.
```