Welcome Modal Blueprint

About this block

Welcome Modal Blueprint is a first-login dialog rendered as a static open blueprint: a semi-opaque scrim with a centered card over it. The card opens with Avery Stone's avatar and the greeting Good to have you, Avery, then three things worth trying on day one: Create a project, Invite your team, and Read the quick-start, each with an icon and a one-line explanation. A Get started primary button and a Take a tour ghost button close the card.

The scrim is a plain div, the card plain markup; no Radix Dialog portal is used, so the blueprint screenshots cleanly inside the preview iframe. The tries array drives the three items.

When to use

Reach for this block as the very first surface a new user sees, wired to a first-login flag in your session. Dismiss it once the user clicks either action and never show it again on subsequent logins.

A natural flow around it on an Application Pro page:

Before

• Nothing, this is the first surface on day one

After

• Role selection step
• Product tour tooltip

What you can display

One strong use is the day-one greeting dialog. Other welcome variants:

• Workspace invite accept. Greet the invitee by name, name the workspace, and explain what they can do with their role.
• Post-upgrade unlock. List three features that are now available on the new plan.
• Return user notice. Surface changes made while they were away with a shorter two-item list.

Tip: three items is the right count; fewer feels sparse, more creates the impression that the product needs a manual before you can use it.