Introducing Dub Partners →

Turn clicks into revenue

Dub is the modern link attribution platform for short links, conversion tracking and partner programs.

Start for free Get a demo
Links ClicksLeadsSales
dub.sh/launch
dub.co/blog/launch-week +24.8%12.4K clicks
dub.sh/docs
dub.co/docs/introduction Partners8.1K clicks
dub.sh/pricing
dub.co/pricing Expiring3.9K clicks

It starts with a link

Colour on this page is data colour — chips, chart markers and demo artwork, never chrome.

QR Code Design

Create and manage branded QR codes for every short link you ship.

Conversion Analytics

Understand exactly how clicks turn into leads and revenue.

Partner Programs

All-in-one partner management with payouts built in.

Link expiration & cloaking Included on all plans
Custom domains Unlimited

Connect with your favorite tools

Built to scale

Small, plain controls

Primary & secondary · 32px · 8px radius · 14/400 — hover is the white-ring lift
Sign up Hover Disabled Log in Hover Disabled
Demo 38px · announcement pill 30px / 9999px · story link in violet
Get a demo Hover Introducing Dub Partners → Read the story Link colour #2563eb
Tabs · 34px · rest (white + hairline) and active (#f5f5f5, no border)
ClicksLeadsSales
Input — default and focus (blue ring channel)
Analytics chips — ground paired with a much darker same-hue text
+24.8% Info Partners Expiring Failed GitHub

Chrome is black, white and the neutral ladder only. Hover lift is the distinctive white-ring recipe — rgb(255,255,255) 0 0 0 0, rgba(0,0,0,.05) 0 0 0 4px — and the focus slot reserves a rgba(59,130,246,.5) blue ring channel. Motion durations were not captured.

Split by family and size, not weight

Hero h1 · satoshi · 48/55.2 · 500 · normalTurn clicks into revenue
Section h2 · satoshi · 48/48 · 500 · normalIt starts with a link
Section h2 medium · satoshi · 40/40 · 500Connect your tools
Section h2 small · satoshi · 36/40 · 500Built to scale
Card h3 · Inter · 16/24 · 500 · #0a0a0aQR Code Design
Lead paragraph · Inter · 20/28 · 400 · #525252Dub is the modern link attribution platform.
Caption · Inter · 12/16 · 400 · #a3a3a3All-in-one partner management.
Button label · Inter · 14 · 400-500Get a demo

Gray chrome, coloured data

Neutral ladder
black#000000
ink#0a0a0a
ink-2#171717
text-2#262626
text-3#404040
body#525252
muted#737373
faint#a3a3a3
border-strong#d4d4d4
border#e5e5e5
fill#f5f5f5
canvas#fafafa
white#ffffff
Data / analytics colours — chips and markers only
green#4ade80
green-bg#dcfce7
green-ink#166534
blue#3b82f6
blue-bg#dbeafe
blue-link#2563eb
blue-2#1976d2
orange#fb923c
orange-ink#7c2d12
purple#c084fc
purple-ink#581c87
violet#7c3aed
red#d32f2f
github#24292e
Signature gradients — demo artwork, not page atmosphere
QR conic rainbow
radial glow · orange
radial glow · green
radial glow · purple

The white-ring lift

2px
4px chip
6px
8px button
12px card / row
20px
9999px pill
6px 0 0 6px
12px 12px 0 0
20px 20px 0 0
rest — rgba(0,0,0,.05) 0 1px 2px
white ring — rgba(0,0,0,.05) 0 0 0 4px
deep — rgba(0,0,0,.09) 0 20px 20px
focus — rgba(59,130,246,.5) ring channel

The white-ring recipe reads as a soft halo rather than a drop shadow, and the focus slot reserves a dedicated blue ring channel. No WebGL, canvas, backdrop-filter or grain — the only gradients are the QR rainbow and the three radial glow markers.