AutoSend
A developer-tooling email platform with a warm near-white canvas, an editorial Cooper-style serif display headline (with italic emphasis) sitting above an all-monospace Geist Mono body voice. The system reads as engineer-friendly-but-crafted — quiet warm neutrals, a single terracotta-clay accent (#d97757), low-contrast hairline-divided feature rows, and product UI fragments (webhook forms, campaign lists, project switchers) embedded directly inside light-gray cards. Brand voltage comes from the serif/mono pairing and from a small spread of saturated icon colors used only on agent-integration tiles.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display
80px · 400 · 1.1
The quick brown fox jumps
heading
20px · 400 · 1.5
The quick brown fox jumps
body
16px · 500 · 1.5
The quick brown fox jumps
button
14px · 600 · 1.429
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 8px | |
| sm | 12px | |
| md | 16px | |
| lg | 24px | |
| xl | 40px | |
| xxl | 64px | |
| section | 80px | |
| hero | 120px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| sm | 8px | |
| md | 10px | |
| lg | 12px | |
| xl | 16px |
FAQ
- What colors does AutoSend use?
- AutoSend's core palette includes #d97757, #000000, #171717, #262626, #292524. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the AutoSend DESIGN.md.
- What font does AutoSend use?
- AutoSend's primary typeface is cooperLtBT. The complete type scale (sizes, weights, line-height and letter-spacing per role), with an open substitute where the original is licensed, is documented in the DESIGN.md.
- What is the AutoSend design system?
- A developer-tooling email platform with a warm near-white canvas, an editorial Cooper-style serif display headline (with italic emphasis) sitting above an all-monospace Geist Mono body voice. The sys…