Enrich Labs
Modern AI marketing platform visual system built on clean light surfaces, soft rounded cards, dark neutral typography, and vivid blue interactive accents.
Works with
Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit
Color Palette
Accent
Neutrals
Typography
heading-xl
58px · 600 · 1.02
The quick brown fox jumps
heading-lg
36px · 600 · 1.08
The quick brown fox jumps
heading-md
28px · 600 · 1.12
The quick brown fox jumps
body-lg
20px · 500 · 1.42
The quick brown fox jumps
body-md
16px · 400 · 1.45
The quick brown fox jumps
body-sm
14px · 400 · 1.4
The quick brown fox jumps
eyebrow
14px · 500 · 1.0
The quick brown fox jumps
Spacing & Shape
Spacing
| Name | Value | Preview |
|---|---|---|
| section | 96px | |
| container | 1200px | |
| grid-gap | 24px | |
| card-padding | 30px | |
| element-gap | 16px | |
| tight-gap | 8px |
Border Radius
| Name | Value | Preview |
|---|---|---|
| button | 999px | |
| card | 22px | |
| badge | 100px | |
| input | 15px | |
| pill | 980px |
FAQ
- What colors does Enrich Labs use?
- Enrich Labs's core palette includes #1483f3, #0f6dd0, #ffffff, #1d1d1f, #111827. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Enrich Labs DESIGN.md.
- What font does Enrich Labs use?
- Enrich Labs's primary typeface is \"Stack Sans Headline\. 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 Enrich Labs design system?
- Modern AI marketing platform visual system built on clean light surfaces, soft rounded cards, dark neutral typography, and vivid blue interactive accents.