Onboarding Setup Patterns

Welcome Start

A static welcome card greets Maya for Northstar Studio, shows a Start setup button, and does not create persisted onboarding state.

Program

Welcome cards should name the person, the workspace, and the next setup action without pretending to create account state.

welcome_start_card.html
Visuals: captured from real browser rendering
<section class="welcome-card" aria-labelledby="welcome-title">
  <h2 id="welcome-title">Welcome, Maya</h2>
  <p><strong>Workspace</strong> Northstar Studio</p>
  <p class="status">Ready to start setup</p>
  <button type="button">Start setup</button>
  <p class="note">Static welcome state only; no account setup, persisted onboarding state, or analytics event runs.</p>
</section>
<style>
  .welcome-card { display: grid; gap: 10px; max-width: 38rem; border: 1px solid #2563eb; padding: 12px; background: #eff6ff; }
  .welcome-card p, .note { margin: 0; }
  .status { border: 1px solid #60a5fa; background: #dbeafe; padding: 8px; }
  .welcome-card button { justify-self: start; padding: 8px 12px; }
  .note { color: #475569; }
</style>

  1. Label the welcome card.

    The section is labelled by its visible heading.
    The section is labelled by its visible heading.

  2. Show the pinned greeting.

    The greeting uses exact lesson data.
    The greeting uses exact lesson data.

  3. Show the workspace name.

    The workspace name is fixed display text.
    The workspace name is fixed display text.

  4. Show the ready state.

    The visible status gives the user-facing result.
    The visible status gives the user-facing result.

  5. Show the start affordance.

    The button is type button and does not submit anything.
    The button is type button and does not submit anything.

  6. Check welcome honesty.

    Greeting, workspace, status, button, and no persistence.
    Greeting, workspace, status, button, and no persistence.
personal greeting The welcome state uses pinned user name Maya.
workspace name Northstar Studio is exact display data.
no persistence The lesson should not imply account setup, analytics, or persisted onboarding state.