Delve
A high-contrast compliance-software interface anchored on white canvas with pure-black ink and a hot-orange brand accent. The system reads as confident, technical, and modern-SaaS — crisp black headlines, near-white panel surfaces (#f7f8fa / #f0f1f5) for content blocks, faint cool-gray hairlines, and a small reserved set of saturated accents (orange, magenta, blue) used sparingly for emphasis, logos, and interactive cues against an otherwise monochrome editorial field.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
display-xl
64px · 600 · 1.05
The quick brown fox jumps
display-lg
48px · 600 · 1.1
The quick brown fox jumps
display-md
36px · 600 · 1.15
The quick brown fox jumps
title-lg
24px · 600 · 1.3
The quick brown fox jumps
title-md
18px · 600 · 1.4
The quick brown fox jumps
body-md
16px · 400 · 1.5
The quick brown fox jumps
body-sm
14px · 400 · 1.5
The quick brown fox jumps
caption
13px · 500 · 1.4
The quick brown fox jumps
button
14px · 600 · 1
The quick brown fox jumps
nav-link
14px · 500 · 1.4
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| xxs | 4px | |
| xs | 8px | |
| sm | 12px | |
| md | 16px | |
| lg | 24px | |
| xl | 32px | |
| xxl | 48px | |
| section | 96px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| xs | 4px | |
| sm | 6px | |
| md | 8px | |
| lg | 12px | |
| xl | 16px | |
| pill | 9999px | |
| full | 9999px |
FAQ
- What colors does Delve use?
- Delve's core palette includes #000000, #0c0c0c, #000000, #222222, #444444. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Delve DESIGN.md.
- What font does Delve use?
- Delve's primary typeface is Inter. 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 Delve design system?
- A high-contrast compliance-software interface anchored on white canvas with pure-black ink and a hot-orange brand accent. The system reads as confident, technical, and modern-SaaS — crisp black headl…