The A Team Project

Referral cards and sharing

A vouch worth showing off, as a card, a link or a page.

Once someone accepts a referral it becomes something they can share. A card composer lets them pick the quote and export a polished PNG; every referral has its own page with social previews; and a profile’s referrals open as an animated summary above a browsable rail.

How it flows.

  1. Open a referral from a profile in a quick-view side panel.
  2. Choose the quote that says it best in the card composer.
  3. Export the card as a PNG, rendered on the server with the brand fonts bundled in, or copy the link.
  4. The /r page shows the full referral, the chosen quote, related referrals and a matching social image.
  5. On a profile, a count-up summary, a colleague and company tagline and a facepile sit above a scroll-snap rail of every referral, with a full-list page filtered by company.

The small decisions.

One image, everywhere

The same server-rendered card powers the download and the link preview, so a shared referral looks the same in a chat as it does on the page.

A carousel that behaves

The rail follows the WAI-ARIA carousel pattern: previous and next, a progress bar, a live position counter, full keyboard support and reduced motion.

Consent first

Nothing is public until the person being vouched for accepts. They can withdraw it later, or block the sender.