AffordX Design lab

Four visual directions
for the dashboard.

Same data, same structure. Four distinct aesthetic philosophies to help you decide how to modernize the product’s look & feel. Open each one and compare.

01

Linear-style

Dark · monochromatic · minimal · high contrast

Open
Campaigns
247
↗ +12.4%
Impr
18.4M
↗ +8.3%
CTR
0.77%
↘ −0.4
CPA
$48.21
↘ −7.3%
  • · Slate-950 + thin grays
  • · Green only on deltas & CTAs
  • · Dense, precise typography
  • · Subtle micro-interactions
02

Vercel · Resend-style

Dark · radial gradients · glow · futuristic

Open
Active campaigns
247
↗ +12.4%
Total spend
$185.2k
↗ +9.1%
  • · Radial emerald + cyan gradients
  • · Glow on hero KPIs
  • · XL DM Sans headlines
  • · Fade-up + stagger motion
03

Stripe Dashboard-style

Light · editorial · typographic hierarchy · violet accents

Open
Spend this week
$185,243
↗ +9.1% vs last week
  • · Warm whites + violet grays
  • · Semantic delta pills
  • · Subtle multi-layer shadows
  • · Editorial XL typography
04 · recommended

AdTech bespoke

AffordX green as protagonist · own identity

Open
Decile spectrum · 7d
10 buckets · descending CPA
D1 · best
D5
D10 · worst
  • · Green as base, not accent
  • · Decile spectrum as hero
  • · Mixes the best of 1·2·3
  • · Dark ↔ light toggle