About this block

Join Workspace Page is the entry point for both invited and domain-matched users. The workspace card shows the Acme lockup, the acme.com domain, and 24 members; the intro copy names who invited you (Jordan Lee) and why you can also join without an invite (your email matches the acme.com domain). A member preview lists Avery Stone (Owner), Jordan Lee (Admin), and Marcus Kim (Member) with role badges and a footer line reading and 21 more members. Two buttons follow: Join Acme and Request to join instead. The honest note under the divider states joining is visible to workspace admins immediately, it is not a private action, and requesting notifies Avery Stone and Jordan Lee and waits for approval before access is granted.

Workspace members are one const array with initials, name, and role. The transparency note is the line that stops confusion when an admin messages the new member before they expect it.

When to use

Reach for this block as the landing page for an invite link or a domain-discovery join prompt, wired to your workspace join and join-request endpoints.

A natural flow around it on an Application Pro page:

Before

• Nothing, auth pages are the page

After

• Onboarding
• App shell

What you can display

One strong use is invite plus domain-match join. Other variants:

• Invite only. The same layout with the domain-match sentence removed and a single Join button.
• Request only. No direct join button; the workspace requires admin approval for all new members.
• Multi-workspace picker. The workspace card repeated for each workspace the email matches, with a join button per row.

Tip: showing a recognisable face from the member preview makes the join feel like arriving somewhere real rather than landing in an unknown product.