| title | Workspace preview | ||||||
|---|---|---|---|---|---|---|---|
| description | A fictional project dashboard with charts, status, disclosures, and a dialog. | ||||||
| template | doc | ||||||
| layout |
|
||||||
| nav |
|
<SectionHeader eyebrow="Illustrative workspace" title="Autumn launch, all in one view." subtitle="This is static example data. Use the page as a dashboard pattern, then connect your own data and actions." titleTag="h1" eyebrowClass="tone-text fs-xxxs fw-800" titleClass="fs-display"
On track Marketing + product Updated this week Milestones 4 / 5 One final review Decisions 2 Both have owners Tasks ready 12 Across three teams Next review Friday Weekly project check-in
Example values across the first six weeks of the launch project.
Tasks currently ready for delivery, grouped by owner team.
<Grid columns="1" columnsLg="minmax(0, 1.1fr) minmax(18rem, 0.9fr)" alignItems="start" class="gap-4 mb-6"
Maya will confirm the release date after the accessibility review closes.
The welcome flow and help center draft are complete. The next step is a final content review and a named owner for launch day support.
Marketing has a working draft. Product will confirm the release date before the final send schedule is set.
Next team reviewReview the remaining milestone, decide the release date, and agree on the customer update.
<Modal id="review-agenda" title="Friday review agenda" showClose="true" tone="neutral"
- Confirm accessibility review outcome.
- Choose the release date and record the owner.
- Approve the customer communication plan.
This dialog is an interaction example. It does not schedule a meeting.
Read the data guide Explore interactions