Evernote Design System

Evernote's marketing site, rebuilt after the Bending Spoons acquisition, opens on a warm parchment canvas — not white, not cream, but the specific yellowish off-white of a legal pad — with a 72px Figtree headline in near-black and a single electric chartreuse CTA button that reads less like a brand color and more like a highlighter mark on paper. That tension is the whole design argument: the system is explicitly nostalgic (notebook paper ground, ink-black text) while the single chromatic moment — the chartreuse — is so contemporary and saturated that it refuses to let the page feel retro. Where Notion stays cool and gray, and Bear (the iOS notes rival) runs warm amber, Evernote commits to the parchment-plus-neon pairing that no other note-taking tool has attempted at this volume.

The DESIGN.md file captures 16 color tokens grounded in the extraction's measured values — five structural neutrals, a warm secondary canvas (#f4eee5), and four brand-layer accent colors (chartreuse, lavender-pink, orange, yellow) that appear once each as illustration spot colors below the fold. Typography runs to 13 tokens in two families: Figtree for everything display and heading (72px hero, 50px section, 24px card titles, 16–18px body), and Inter for utility labels and small runs of body copy. The component set covers 16 definitions including the chartreuse primary button, the parchment card surface, the near-black hero heading, and the section containers.

Feed this file to Claude or Cursor and it reproduces the specific tension: parchment floor instead of white, Figtree at tight negative tracking for display, and the chartreuse reserved for the single most important action per screen. The tokens are particularly useful for note-taking and productivity-adjacent interfaces where the "paper" metaphor adds legibility without adding sentimentality. One discipline worth preserving: the chartreuse is not a secondary color — it is the only color. Any second accent breaks the visual economy.