Home
DESIGN.md
Star on GitHub
Serverless
Data Platform
The single platform for all your data needs.
Start for Free
Documentation
160B
Redis Commands
210M
QStash Messages
15M
Workflow Runs
>99.99%
Uptime (weekly avg)
Products
Redis
Vector
QStash
Workflow
Colors
Dark — Surfaces
bg
#09090b
Page background
bg-mute
rgba(236,253,245,.06)
Cards, hover fills
border
rgba(236,253,245,.08)
Borders, dividers
Brand
primary
#10b981
CTAs, logo, active state
primary-text
#34d399
Headings on dark bg
emerald-300
#6ee7b7
Logo inner arcs
primary-hover
#059669
Hover on primary CTA
Text
text
#ecfdf5
Primary text (emerald-50)
text-mute
#a1a1aa
Secondary text (zinc-400)
text-dim
#71717a
Placeholders, labels
Typography
Inter Tight — Display
display
Serverless Data Platform
64px
700
Tight
heading-lg
Low-latency, serverless key-value store
32px
700
Tight
heading-md
Price scales to zero
20px
600
Tight
Inter — UI
body
HTTP/REST API access for serverless and edge functions. No persistent connections required.
14px
400
lh 1.5
caption
Data replicated across 8+ regions. Add or remove regions without downtime.
12px
400
lh 1.4
JetBrains Mono — Code
code
rediss://default:AXxx@us1-measured-doe-12345.upstash.io:6379
13px
mono
lh 1.6
command
>
SET session:user:8291 '{"plan":"pro","region":"us-east-1"}'
13px
mono
cmd
Components
2.1ms
p99 latency
4.8M
Commands / day
512MB
Memory used
$0.00
Cost today
Buttons
Start for Free
Create Database
Learn more
Inputs
Status Badges
Active
Paused
Error
Scaling
Spacing
space-1
4px
space-2
8px
space-3
12px
space-4
16px
space-5
20px
space-6
24px
space-8
32px
Signature — Redis Console
production-db
us-east-1
Connected
512 MB · 4.8M cmd/day
Quick:
PING
DBSIZE
SET counter 0
INCR counter
GET counter
TTL session:user:8291
DEL counter
>
SET session:user:8291 '{"plan":"pro","region":"us-east-1"}' EX 3600
OK
>
INCR pageviews:2024-06-24
(integer) 14829
>
GET session:user:8291
"{\"plan\":\"pro\",\"region\":\"us-east-1\"}"
>
Run
Guardrails
DO
Use emerald only for CTAs and live/active indicators — never decoratively
Use JetBrains Mono for all connection strings, keys, commands, and metrics
Use Inter Tight for display headings and large stat numbers
Show latency and throughput prominently — they are the product promise
DON'T
Use pure white #fff for text — Upstash text is emerald-50 (#ecfdf5)
Use placeholder connection strings — show realistic redis:// or REST URLs
Use light mode as default — dark (#09090b) is the primary experience
Apply gradients to surfaces — gradients appear only on the H1 text