Skip to content
UI Kit
Accent color

Referral and partners

Customers who bring customers, partners who resell.

2 components · 10 variants
Switch category

partner-program

Partner program

For agencies, freelancers and resellers. Partner levels, recurring earnings over a year, the application with its next steps, a directory of certified partners and what partners get.

Props and details · Partner program

Partner levels

Levels side by side with commission, requirement and benefits. The most common one carries a running light, a small scale shows the level, light follows the pointer.

Open in Studio

Recurring earnings

New clients per month and their plan on sliders. Each month stacks on the last, twelve bars rise one after another, hover names the amount.

Open in Studio

Application

The partner type as cards, then four fields with clear errors. After sending, the next steps rise in with the first one ticked.

Open in Studio

Partner directory

Certified partners filtered by region and focus. Cards rise in again after every filter, an empty result offers to show all.

Open in Studio

Partner benefits

The commission large and counting, what partners get in a seamless grid, a partner in their own words. The left side stays while the grid scrolls.

Open in Studio

referral

Referral

Customers bring customers. Give and get with a personal link, rewards on a track, three steps with a travelling invitation, an invite form with a message preview and a dashboard with friends and their status.

Props and details · Referral

Reward track

Rewards by number of friends on a track that fills when it scrolls in. Reached steps get their tick, the next one pulses and is named above.

Open in Studio

How it works

Three steps on a drawn route. When it scrolls in, the route draws itself and an invitation travels from the first step to the last, the steps light up as it passes.

Open in Studio

Invite by email

Addresses become chips with comma or Enter, wrong ones are named. Next to it, the message friends will receive, with the gift. The button counts the invitations.

Open in Studio

Your invitations

Figures count up, friends rise in with their status, from invited to reward paid. The link stays next to it, on phones below.

Open in Studio

Similar components

More from Marketing, the same area of the kit.

Often combined with

Sections that usually sit next to Referral and partners on a page.

Often searched

Jump to

Copied to the clipboard