Skip to content
BetaFree MCP server

Dub

dub.co/

Dub combines branded short links, click-to-sale conversion tracking, and affiliate/referral program management (with automated payouts) into one platform, sold under the headline "Turn clicks into revenue." It explicitly frames its value against vanity metrics: "Marketing isn't just about clicks. It's about outcomes." The site claims it handles hundreds of millions of links and events monthly for over 100,000 customers, and includes a named testimonial from Framer's CEO calling it "the best way to track links and measure attribution." A SOC 2 Type II badge and a stated sub-150ms latency figure round out the trust signals, alongside customer logos for Vercel, Twilio, and Perplexity.

Category
Marketing
Style
LightMinimal
Stack
Next.jsTailwind CSS
Fonts
satoshiInter
Palette
Meta title
Dub - The Modern Link Attribution Platform
Sections
8
Updated

Dub's landing page, section by section

Each section below is cropped straight from Dub's live page — useful references for marketing landing page design.

Dub design review: how the homepage is built

The Dub homepage runs 12,201 pixels at desktop width, stacking a centered hero, a logo strip, a manifesto block, four product chapters with testimonial bands, a customer grid, a changelog, a dark closing banner and the footer. Colour stays near-neutral, built on the detected greys #fdfdfd, #e9e8e9 and #c8c8c8, with black buttons and small orange, green and purple product icons as the only chroma. Headlines use Satoshi, with Inter alongside. Hairline column rules and dot-grid backgrounds frame each block. Every product chapter follows one template, which keeps the long page easy to scan.

Above the fold

A slim nav holds the logo, five links ("Product", "Solutions", "Resources", "Customers", "Pricing"), "Log in" and a black "Sign up" button. Below, an announcement pill reads "Introducing Partner Referrals", followed by the centered headline "Turn clicks into revenue", a two-line subhead and two buttons, "Start for free" in black and "Get a demo" outlined. Tabs for "Affiliate Programs", "Conversion Analytics" and "Short Links" sit above a dashboard mockup.

Logo strip, manifesto and Links chapter

Ten logos fill two rows of five. A large-type statement follows, "Marketing isn't just about clicks. It's about outcomes.", with small orange, green and purple icons set inline between words. The first chapter, "It starts with a link", pairs a heading and "Explore Links" button with stacked domain cards, then three feature columns ("Custom domains", "Advanced link features", "QR codes") and a quote from Ian Mackey.

Analytics, integrations, partners and API

The template repeats for "Measure what matters", with a blue, purple and teal funnel graphic, and for "Grow with partnerships", with a payout list. Between them, "Connect with your favorite tools" scatters app icons across a faint grid. "Built to scale" shows three orange monospace counters over a dotted globe, and "Enterprise-grade link infrastructure" uses a webhook diagram.

Customers, changelog, closing banner and footer

"Trusted by startups and enterprises" opens a bordered grid mixing logo tiles with testimonial tiles from Framer, Vercel, Clerk and Cal.com. "We ship fast", in italics, sits beside a timeline of four dated updates. A dark banner follows, "Supercharge your marketing efforts", repeating both hero buttons above three star-rating badges. The footer has four link columns ("Product", "Resources", "Company", "Compare"), a status pill and a SOC 2 mark.

On mobile

At 390px the page runs 14,649 pixels. The hero keeps its headline and both buttons in one stacked column, and the tab pills wrap onto two lines. The logo strip shrinks to four names. Feature columns become a vertical list under each mockup, still fading after the first. The customer grid collapses into two-up logo pairs between full-width quotes, and the footer splits into two columns.

Worth borrowing

  • Repeating one chapter template of label, heading, button, mockup, three feature columns and a quote makes a long page predictable to scan.
  • Fading the second and third feature columns while the first stays fully inked directs attention without extra controls.
  • Mixing logo tiles and testimonial tiles in one bordered grid gives social proof two weights in a single block.
Lightfield landing page design
Lightfield
Marketinglightfield.app/
Customer landing page design
Customer
Marketingcustomer.io/
Supademo landing page design
Supademo
Marketingsupademo.com/
Usenotra landing page design
Usenotra
Marketingusenotra.com/
Plasmic landing page design
Plasmic
Marketingplasmic.app/
Aveiro landing page design
Aveiro
Marketingaveiro.app/