Home
DESIGN.mdStar on GitHub
Copied!

AI-Native Cloud

Simple, predictable cloud infrastructure — Droplets, managed databases, and apps built for developers.

Colors
Primary
Ocean Blue
#0069FF
Brand, CTAs, links
Blue Deep
#1633FF
Hover
Navy
#000C79
Deep accents
Ink
#080B2D
Text, dark page
Accent & Semantic
Green
#15CD72
Active, healthy
Lime
#80D34A
Accent
Warning
#FFB020
Provisioning
Error
#FF4747
Failed
Surfaces — Dark (real DO navy)
Page
#080B2D
Dark background
Surface
#11192E
Cards
Elevated
#1A2444
Raised
Border
#24335A
Dividers
Text & Light
Secondary
#8690A9
Muted text
Muted
#BCC2C2
Disabled
Page Light
#F9FAFE
Light background
Border (light)
#E1E5F0
Dividers
Typography — Plus Jakarta Sans · Inter · JetBrains Mono
h1
Cloud, simplified
40px800Jakarta
h2
Spin up a Droplet in seconds
27px700lh 1.1
h3
Managed Databases
20px700lh 1.3
body
Deploy an SSD virtual machine in 55 seconds with predictable, flat-rate pricing and full root access.
15pxInterlh 1.6
mono
doctl compute droplet create web-01 --size s-2vcpu-4gb
13pxJetBrains Mono
Signature — Droplets
Droplets 3
NameRegionSizePublic IPCPU
3 Droplets · 2 regions
Components
Buttons
Search
Resource Status
Active New Off
Regions
NYC3 SFO3 AMS3 BLR1
Guardrails
DO
Use ocean blue #0069FF for brand, CTAs, and links
Use green #15CD72 only for healthy / active resources
Set IPs, regions, sizes, and commands in the mono stack
Keep the canvas cool off-white / navy so status colors read
Show region and size on every Droplet
DON'T
Don't drift the blue lighter — the brand blue is #0069FF, not #0080FF
Don't invent dark surfaces; anchor on the real DO navy #080B2D
Don't use green for anything but healthy / active state
Don't set IPs or resource sizes in a proportional font
Don't hide a Droplet's status while it's provisioning