A warm, off-black canvas where a single jolt of Cavendish Yellow carries every CTA, large headlines run unexpectedly light, and the whole palette leans into sandy neutrals and deep teal instead of cold grey. Font substituted: Inter (nearest Google match for Mailchimp's proprietary Graphik Web).
Graphik Web (shown as Inter). The signature move: large headings set in regular weight 400, not bold — size and tight tracking build the hierarchy. Body is a steady 16px/400.
Cards rest flat on a hairline and lift only on hover with a soft brown-tinted shadow. Image areas use the warm sand-to-hairline gradient.
A 4px base unit on a 4 / 8 / 12 / 16 / 24 / 32 / 48 progression, with tall vertical section rhythm.
A tight 4px workhorse for inputs and images, stepping up to 8 and 16px for cards, then jumping fully round for every interactive control.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Single column; display headline drops toward the high-30s; pill CTAs go full-width. |
| Tablet | 768–1023px | Four-column card grids collapse to two; side gutters tighten. |
| Laptop | 1024–1279px | Full multi-column grids return inside the centered container. |
| Desktop | ≥ 1280px | Max-width container caps at ~1200px with generous whitespace around it. |
Editorial roominess. The layout lets warm neutrals and the single yellow accent breathe — wide gutters, tall section padding, and faint warm dividers rather than hard rules.
Mailchimp's real plan ladder — illustrative figures shown to demonstrate the card pattern, the featured dark tier, and the yellow CTA on the highlighted plan.
A campaign-report pattern using the warm header band, hairline rows, and pill status tags.
| ID | Campaign | Audience | Status | When |
|---|---|---|---|---|
| #4821 | Spring Launch | All subscribers | Sent | Jun 28 |
| #4820 | Win-back Flow | Lapsed 90d | Sent | Jun 24 |
| #4819 | Product Update | Power users | Draft | — |
| #4818 | Welcome Series | New signups | Sent | Jun 20 |
| #4817 | Cart Reminder | Abandoned | Scheduled | Jul 02 |
Sign-in and create-account cards demonstrating the yellow primary, the ink-outlined SSO ghost button, and the input style.