Zendesk

Zendesk's homepage projects warmth and authority through an unusual pairing: near-black almost-green ink (#11110d) on warm off-white (#f5f5f2), punctuated by a single electric lime (#d1f470) that reads as both verdant and technological. The dark forest-green event banner (#203524) at the top immediately signals brand confidence — deep, earthy, not the expected corporate blue. Body text lives in near-black #11110d rather than pure black, giving the page a slightly warm, organic undertone that softens what could otherwise feel austere. The signature move is the lime CTA: vivid enough to stop the eye, yet grounded enough to feel like a product choice rather than a marketing trick. Card surfaces use #f5f5f2 — a shade away from white — so card lifts happen through warm contrast rather than shadows. Use #d1f470 exclusively for interactive CTAs and key data highlights — its scarcity on the page is the source of its stopping power Apply 0px borderRadius to all content cards; elevation comes from the #f5f5f2 surface against a white background, not from shadows or rounded corners Use Vanilla Sans weight 300 at 48px and above — the lightweight headline at large scale is the primary typographic signature Set global letter-spacing to 0.054em across all Vanilla Sans usage to maintain the airy spacing that distinguishes it from default Inter or DM Sans Pair the lime CTA (#d1f470) button with a transparent/ghost secondary button at equal visual weight — never stack two filled buttons Use #11110d (near-black with warm undertone) instead of pure #000000 for all body text and UI labels Reserve #203524 Forest Canopy for event/announcement surfaces only — it signals 'special context', not general UI Never add box-shadow to cards — the design intentionally uses surface color contrast (#f5f5f2 vs #ffffff) for elevation, not shadows Never use borderRadius above 16px on buttons or 40px on event cards — no full-pill (9999px) shapes appear in this system Never introduce secondary accent colors — #d1f470 is the sole chromatic accent; adding blue, orange, or purple breaks the one-color system Never use Vanilla Sans at weight 700 for headlines — heavy weight at display sizes contradicts the restraint-authority balance of this system Never use pure #000000 for body text on light backgrounds — #11110d is the correct near-black that preserves the warm organic undertone Never apply border-radius to flat content cards (the 0px radius is intentional, not an omission) Never place two lime-background elements adjacent to each other — the accent works through isolation