Compact standalone cards with clear information hierarchy, purposeful actions, and polished motion.
balance-card.tsxA compact balance card with a framed account panel, overlapping account marks, large numeric hierarchy, and a shared two-action footer.
Total balance
$12,000.00+ $45.32 today
compact-card.tsxA compact generic card with a layered textured backdrop, status, overlapping people, flexible details, supporting context, and a focused action.
A tighter visual system for the next product release.
invite-card.tsxA referral invite card with reward artwork, a concise three-step explainer, dismiss behavior, and a copyable personal link.
Share your link and earn a reward when friends join.
How it works
Send your personal link to someone you want to bring in.
Your friend creates an account through your invitation.
The reward unlocks for both of you after they get started.
Invite link
folder-card.tsxA near-square collection card with a full-bleed media layer, a continuous folder-shaped content surface, and anchored metadata.
Notes & journaling
story-card.tsxA tall editorial story card with category and date markers, concise narrative copy, and a location-aware image treatment.
Beyond the city, green ridgelines stretch into the horizon under a veil of morning mist.
Blue Ridge
Virginia, USA
profile-card.tsxA compact professional profile card with live availability, avatar-led identity, focused contact actions, and a layered status tray.
