Build an invitation acceptance card with Tailwind CSS for someone opening a team invite link. Centre a max-w-md white card on a neutral-50 page. At the top, two overlapping circles — the inviter avatar and the workspace logo tile — with a small dark check badge between them, then a heading reading "Jules invited you to Studioform" and a muted line with the workspace domain. Add a bordered summary block showing the role being granted as a pill, the number of teammates already in the workspace as a row of stacked avatars with a plus-two counter, and the invited email address in monospace. Under it, a full-width dark "Accept invitation" button, a ghost "Decline" button beneath it, and a small print line explaining the invite expires in seven days and that the workspace admin can see when it is accepted.
Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the
finished markup? .
Build an invitation acceptance card with Tailwind CSS for someone opening a team invite link. Centre a max-w-md white card on a neutral-50 page. At the top, two overlapping circles — the inviter avatar and the workspace logo tile — with a small dark check badge between them, then a heading reading "Jules invited you to Studioform" and a muted line with the workspace domain. Add a bordered summary block showing the role being granted as a pill, the number of teammates already in the workspace as a row of stacked avatars with a plus-two counter, and the invited email address in monospace. Under it, a full-width dark "Accept invitation" button, a ghost "Decline" button beneath it, and a small print line explaining the invite expires in seven days and that the workspace admin can see when it is accepted.
