DigitalOcean Design System

DigitalOcean's marketing site just pivoted. For a decade the brand ran a single cobalt blue (#0069ff) on a white canvas — the most recognizable indie-cloud identity in dev infrastructure. The captured surface above the fold has fully replaced that treatment with a deep teal-black hero (#000f0f) carrying a 48px Plus Jakarta Sans bold display headline ("AI-Native Cloud") in near-white, a forest-teal pill CTA (#1f403e), and an illustrated mountain-peak backdrop in grayscale. The cobalt blue is still declared as the brand's HTML theme-color, but it doesn't appear on the captured surface — the AI-Native Cloud product line has its own palette, and the marketing home page has adopted it whole-cloth. Where AWS holds a single orange across every product surface and Linode keeps its green pinned to one CTA, DigitalOcean has just shipped a complete chromatic reset in service of a product positioning.

The DESIGN.md file packages the system into a machine-readable spec for React tooling. Inside: 15 color tokens drawn from a deep-teal canvas tier (the new product-line palette), a near-white running-text tier sitting on top, a small set of foam-green and sky-blue brand-layer accents reserved for product-domain marks, and the structural grays that carry hairline and muted-text duty; 11 typography tokens running three families in distinct semantic roles — Plus Jakarta Sans for display (48px / 700 on the hero, 36px / 800 on section h2), Inter for body and nav (14-18px / 400-600), and JetBrains Mono for small-caps metadata strips (10px / 400); 5 radius tokens with a notable 40px fully-rounded primary-button treatment; 8 spacing values on an 8px base; and 14 component definitions covering the teal pill, the dark hero card, the foam-green chip, the white feature card on the body band, and the mono caption strip.

Feed this file to an AI coding tool and it reproduces DigitalOcean's new specific moves: deep teal-black canvas instead of cobalt-on-white, forest-teal CTA pill instead of the classic indigo button, Plus Jakarta Sans at weight 700-800 for display (heavier than peers like Cloudflare and Vercel), Inter for body and nav, JetBrains Mono for 10px tracked metadata, and the illustrated grayscale mountain backdrop that returns the brand to its indie-dev illustrated heritage. The borrowable move is the three-typeface stack — display / body / mono split into deliberately distinct families — which gives every typographic surface a clear semantic role without requiring multiple weights inside one family to do the same work.