Home
DESIGN.mdStar on GitHub

Docker

Build, share, and run container applications. We handle the tedious setup, so you can focus on the code.

91%
of the Fortune 100 run on Docker
20B+
pulls a month on Docker Hub
20M+
developers build on Docker daily
Colors
Primary
docker-blue#1D63EDPrimary, buttons, links
blue-bright#2560FFHover, focus, dark brand
navy#00153CHeadings, logo default
blue-soft#5B9CF0Soft accent, illustration
Surfaces
bg#FFFFFFCards, panels
bg2#F4F6F9Page background
bg3#E6EBF2Fills, hover
term-bg#0C1424Terminal, code
Text
text#00153CHeadings, body
text2#475569Labels, secondary
text3#94A3B8Muted, placeholder
border#E3E6EADividers, borders
Semantic
success#27C93FRunning, healthy
warning#FFBD2ERestarting, outdated
danger#FF5F56Exited, error
Typography — Space Grotesk · Inter · JetBrains Mono
display-2xl
Space Grotesk · 700
Docker
52px700
display-xl
Space Grotesk · 700
Build better, together
34px700
display-md
Space Grotesk · 600
Start local. Scale anywhere.
22px600
text-lg
Inter · 400
The runtime under every agent — invisible to developers.
16px400
text-sm
Inter · 400
Standard body text and UI copy across the product.
13px400
ui-mono
JetBrains Mono · 400
docker run -d -p 80:80 nginx:latest
12pxmono
Signature — Docker CLI
~/projects/app — docker
$
Try docker run -d -p 80:80 nginx, docker ps, docker images, docker pull redis, docker compose up, help, clear
Components
Buttons
Status & image tags
Running Restarting Exited
nginx:latest redis:7-alpine postgres:16
Containers — Docker Desktop
NameImageStatusPort(s)CPU
web-proxynginx:latestRunning80:800.4%
apiapp/api:2.3.1Running3000:30002.1%
cacheredis:7-alpineRunning6379:63790.2%
dbpostgres:16Restarting5432:54321.8%
workerapp/worker:2.3.1Exited (0)—0.0%
Input
Radius
6px
8px
12px
Guardrails
DO
Use Docker Blue #1D63ED as the single primary — one confident blue, not a rainbow
Keep the whale mark blue; render it on white or navy, never on a busy photo
Keep surfaces neutral (white / #F4F6F9) and let the blue carry emphasis
Use green only for genuine "running / healthy / succeeded" states
Pair every status color with a label or dot — never color alone
DON'T
Use the old cyan #2496ED — the current brand blue is #1D63ED
Recolor the whale into gradients or off-brand hues
Use pure black #000 for dark surfaces — Docker's dark is navy-tinted (#0B1220)
Use the macOS traffic-light trio as decorative accents — terminal chrome / status only
Set display headings in the mono or body font — Space Grotesk owns headings