dub.co/partners

Dub's Partners page is the near-white SaaS product page done with unusual discipline: a #fafafa ground, a 1px hairline frame running the full height of the content column so every section reads as a panel on a drafting sheet, and a black/white/gray palette in which the only chroma is a faint violet — a tiny pill icon in the hero badge, the dots on a stippled globe, the big tabular stat numerals — so the brand color registers as a rumour rather than a shout. Satoshi at 48px/500 for headlines against Inter body at 20px keeps the type quiet and geometric; the black Sign up and Get started buttons carry a modest 8px radius while everything else — the badge, the nav pills, the avatars' corners — leans rounder. The hero's proof is a fading grid of partner cards (portrait, flag, Revenue/Payouts figures) that dissolves into the background at the edges, and further down a dot-matrix hemisphere with live "New referral sale" toasts stacked to its right; the density is real but the temperature stays cool and gray, which is what makes a money product feel like infrastructure rather than a pitch.

Build on a near-white ground (#fafafa) with pure white (#ffffff) for cards and controls, ink #070707, body gray #747170, and hairlines around #e5e5e5/#d6d2d3. Frame the content column with two full-height 1px vertical rules and cross them with horizontal rules at every section boundary; let backgrounds stay flat and put all structure in those lines. Set display type in Satoshi (or a geometric grotesk) at 48px / weight 500 / 1.15 line-height, body in Inter 400 at 18–20px / 1.4, and secondary labels at 12–13px in the body gray; use tabular figures for any number. Reserve one accent — a soft violet in the #7c3aed–#6d28d9 range — for icons, dot ornaments and big stat numerals only; buttons are black-on-white (#000000 fill, #ffffff text, 8px radius, 32px height, 14px/400 label) or white with a 1px border. Use 9999px radius on pills, badges and avatars; 8–10px on buttons and cards; never larger than 12px. Show proof as dense, repeating card mosaics or stacked toasts (flag glyph · name · two-column metric pairs) and fade the edges of any dense mosaic with a linear mask rather than cropping it. Illustrations are monochrome dot-matrix or line work with the accent used on three or four dots at most. Keep copy short and declarative, prefix people and events with small circular flag glyphs, and let whitespace and hairlines, not color, carry the hierarchy.