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.
- Open a referral from a profile in a quick-view side panel.
- Choose the quote that says it best in the card composer.
- Export the card as a PNG, rendered on the server with the brand fonts bundled in, or copy the link.
- The /r page shows the full referral, the chosen quote, related referrals and a matching social image.
- 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.