Loyalty, membership, referral
Fourteen loyalty primitives used across the Oak Flats workshop — Bronze through Brodie tiers, points ledger, rewards catalogue, referrals, payouts, milestones, renewals, and lapsed-member rescue.
Loyalty, membership, referral is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Loyalty, membership, referral: Fourteen loyalty primitives used across the Oak Flats workshop — Bronze through Brodie tiers, points ledger, rewards catalogue, referrals, payouts, milestones, renewals, and lapsed-member rescue.
Loyalty card
Holographic member card — tier badge, points balance, holder name, member-since date.
Points ledger row
Single activity row in the points ledger — timestamp, action, points-earned chip.
Tier progress meter
Current → next tier segmented bar with remaining points and next-perk preview.
Tier benefits card
Per-tier benefits list — check / locked icons + upgrade CTA into next tier.
Reward catalogue tile
Single redeemable reward — thumbnail, name, points cost, stock chip, redeem CTA.
Redeem CTA
State machine button — idle → confirming → redeemed (confetti) → fail.
Referral link generator
Shareable link + code + QR with email/SMS share buttons.
Referral leaderboard
Top referrers table — rank chip, avatar, name, referral count, AUD earned.
Affiliate payout history
Payout table — date, AUD amount, PayID/BSB method, status chip.
Milestone celebration
Confetti-on-appear surface — headline, earned reward chip, share CTA.
Renewal banner
Sticky CTA bar with days-remaining countdown + auto-renew toggle.
Lapsed-member rescue
Win-back surface — friendly headline, reactivation offer, CTA.
Benefit chip
Tiny chip — benefit label + earned/saved/redeemed amount.
Birthday reward
Birthday card with confetti, bonus-points chip, and claim CTA.
Full member portal
Full member portal scene composing loyalty card, tier progress, benefits, rewards catalogue, ledger, referrals, leaderboard, payouts, renewal banner, milestone, and birthday reward.