When to use it
Deploys with downtime, scheduled maintenance windows.
- Set ETA expectation
- Link to status page
- Reassure data is safe
Layout regions
- main
States
- offline
Example
<Container><Stack align="center"><h1>We'll be back shortly</h1><p>Back at {eta}</p><Button asChild><a href="https://status.brand.com">View status</a></Button></Stack></Container>The full Maintenance pattern specifies 3 exact microcopy strings, 1 motion spec, 4 composition rules — all gated behind the full recipe. Get the full recipe.