Zendesk

# Zendesk — Style Reference
> Lime signal in a forest clearing — precision SaaS dressed in warm organic ink, where the single electric-green accent cuts through like a backlit leaf.
Theme: light

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.

## Colors
| Name | Value | Role |
|------|-------|------|
| Electric Lime | `#d1f470` | Primary CTA buttons, active indicators, accent highlights — the only saturated color on the page, so it carries 100% of the interactive signaling weight |
| Forest Canopy | `#203524` | Event/announcement banner backgrounds — deep forest green that creates visual separation from page content without using darkness alone |
| Deep Grove | `#2d4c33` | Secondary dark-green surfaces, card backgrounds in dark sections |
| Lime Fade | `#d1f470` | Decorative fade effects, scroll-indicator overlays in lime-to-transparent direction |
| Near-Black Ink | `#11110d` | Primary text, nav labels, body copy, button labels — warm near-black with green undertone instead of pure black |
| Warm White | `#f5f5f2` | Page backgrounds, card surfaces, section fills — one step off pure white, giving the page an organic warmth |
| Pure White | `#ffffff` | Hero section background, button text on dark surfaces, icon fills on dark backgrounds |
| Midnight | `#000000` | Icon fills, SVG strokes, high-contrast borders in dark contexts |
| Stone Divider | `#90918c` | Subtle borders and divider lines between sections |

## Typography
| Family | Role |
|--------|------|
| Vanilla Sans | Single typeface for the entire system — custom humanist sans with slightly organic curves. Used at weight 300 for large hero headlines (anti-convention whisper-weight at 68–74px), weight 400–500 for body and subheadings, weight 600–700 for UI labels and nav items. The 0.054em letter-spacing appears as a global tracking value applied broadly, giving the UI a slightly airy, premium feel at smaller sizes. |