Bold consumer-fintech where the interface is far more disciplined than the queue hint’s “maximalist black + acid-green” suggests: the CHROME is a stark black/white canvas with ONE acid green #00e013 doing every accent job (primary CTA fill, always with BLACK text) plus a green #00d632 focus ring, while the maximalist, pixel-art, video-game playfulness lives entirely in 8 full-bleed campaign VIDEOS, not the CSS tokens. One typeface, Cash Sans (Inter stand-in), runs at a flat weight 400 almost everywhere with tight NEGATIVE tracking (~-3%) on headlines (56/53 -1.68px, 40/44 -1.2px) over a 15/18 body — the identity is tracking, not weight, with no uppercase and no serif. Every button is a fully rounded pill (999px/100px, h47): green with black text, black with white, white with black, or a 1px-black outline; hover inverts to black and text links fade to #666666. The most distinctive structural move is that the shadow census is completely EMPTY — there is zero elevation anywhere — so depth comes from bold black/white/green colour blocking and organic percentage-radius squircle cards (14.6%/7%, 14.3%, 15.9%/13%) alongside a 20.45px fixed radius. There are no CSS gradients, no canvas and no backdrop blur; motion is slow and smooth (color 0.6s ease, transform 0.4s ease-in-out, band background-color 0.6s) driven by module-scoped keyframes (floating-CTA slide, splash intro, pulse) with no third-party library, and unlike many peers the site ships a prefers-reduced-motion block. Two container queries handle component-level layout. Cash Sans is licensed, so the preview specimen stands in with Inter.
⚠ needs-dashboard
Browse Cash App in the interactive gallery
Captured from the live site's computed styles into a prompt-ready DESIGN.md you can paste into Cursor, v0, Lovable, Bolt or Claude Code. Below is a summary of each captured surface.
Source: cash.app (live DOM, computed styles), 2026-08-04 (desktop 1512px). Coverage: homepage. Dashboard: mobile app only (needs-dashboard— no web product). Screenshots blocked by 8 autoplaying videos; all stylesheets read (0 blocked) — full token/state/keyframe coverage. Reality check: the hint ("maximalist black + acid-green, video-game icon system") conflates the campaign art direction with the interface. The CHROME is disciplined and minimal — black#000, white#fffand ONE acid green#00e013, set in Cash Sans at weight 400 with tight negative tracking and pill buttons; there are zero shadows. The maximalist, playful "video-game" character lives entirely in the 8 full-bleed campaign VIDEOS and imagery, not in the CSS tokens.
Bold, confident consumer-fintech: a stark black-and-white canvas with one electric acid green doing every accent job, wrapped around full-bleed campaign video that carries all the colour and playfulness. The interface itself is remarkably restrained — one typeface (Cash Sans) at a single weight (400) with tight negative tracking, fully rounded pill buttons, and no shadows anywhere, so depth comes from bold black/white/green blocking and organic percentage-radius "squircle" cards. The result reads as premium-but-fun: the chrome is disciplined and grown-up while the surrounding video imagery is loud, pixel-art and irreverent. Feels: bold, confident, playful-via-imagery, flat.
| Token | Hex | Role / usage |
|---|---|---|
| black | #000000 | Primary text, dark bands (dominant) |
| white | #ffffff | Text on dark, light bands |
| grey | #999999 | Secondary text |
| grey-717 | #717171 | Tertiary text |
| grey-hover | #666666 | Link hover |
| Token | Hex | Role / usage |
|---|---|---|
| white | #ffffff | Page bg, light sections, cards |
| black | #000000 | Full-bleed dark bands, Log-in button |
| Token | Hex | Role / usage |
|---|---|---|
| green | #00e013 | Signature acid green — primary CTA fill (with black text) |
| green-focus | #00d632 | Focus-ring green (2px, offset 2px) |
Rule: chrome is black/white only; the acid green appears solely on the primary CTA fill and the focus ring — never as a tint, gradient or large surface. All other colour comes from campaign video/imagery.
"Cash Sans", Arial, sans-serif (single family; 445 uses).| Role | Size/Line | Weight | Tracking |
|---|---|---|---|
| Display (h1) | 56 / 53.2 | 400 | -1.68px (-3%) |
| Section (h2) | 40 / 44 | 400 | -1.2px (-3%) |
| Sub (h3) | 40 / 44 | 400 | -1.2px |
| Body | 15.3 / 18.4 | 400 | normal |
| Nav | 16 / 16 | 400 | normal |
| Button | 12–14 | 400 (Sign up 500) | -0.24px |
Patterns: weight is a flat 400 almost everywhere (one 500 on the Sign-up CTA); the identity is tight NEGATIVE tracking (~-3%) on headlines. No uppercase, no serif, no second family.
Also documented in the full DESIGN.md: Component Stylings, Layout Principles, Depth & Elevation, Motion, Backgrounds, Effects & WebGL, Do's and Don'ts, Responsive Behavior, Agent Prompt Guide.