Upstash

A serverless-database developer brand built on a near-white mint canvas with deep forest-green ink and emerald CTAs. The system reads as confident modern infrastructure-SaaS — oversized Inter Tight display headlines (frequently rendered with a green-to-olive gradient), white rounded panels floating over a soft mint-gradient background, dark terminal code blocks shown inline as proof, and pill-shaped tabs and buttons throughout. Brand voltage comes from the green type and the embedded product/code surfaces rather than decorative color.

upstash.com

Works with Claude Code·Cursor·Codex·Gemini CLI·Copilot·v0·Lovable·Bolt·Windsurf·Replit

↓ .md ↓ All files

loading…

Color Palette

Accent

Neutrals

Typography

display-xl 128px · 700 · 1.0

The quick brown fox jumps

display-lg 48px · 600 · 1.0

The quick brown fox jumps

title-md 24px · 600 · 1.333

The quick brown fox jumps

subtitle 24px · 400 · 1.333

The quick brown fox jumps

body-md 16px · 400 · 1.5

The quick brown fox jumps

button 14px · 400 · 1.429

The quick brown fox jumps

Spacing & Shape

Spacing

Name	Value	Preview
xxs	4px
xs	8px
sm	12px
md	16px
lg	24px
xl	32px
xxl	40px
huge	64px
section	96px
section-xl	128px

Border Radius

Name	Value	Preview
sm	6px
md	8px
lg	12px
xl	16px
xxl	35px
pill	9999px

FAQ

What colors does Upstash use?: Upstash's core palette includes #022c22, #000000, #374151, #9ca3af, #a8a29e. The full color set with usage roles (canvas, ink, surfaces, accent, semantic) is documented in the Upstash DESIGN.md.
What font does Upstash use?: Upstash's primary typeface is Inter Tight. 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 Upstash design system?: A serverless-database developer brand built on a near-white mint canvas with deep forest-green ink and emerald CTAs. The system reads as confident modern infrastructure-SaaS — oversized Inter Tight d…

More like this

↓ .md ↓ All files

loading…