# Offline page

Offline page: a free component, built on your design tokens, to use when the app has no network connection and the next screen needs one. What a person sees with no connection: that they are offline, what still works on this device, and what waits until they're back.

Prompt: Add the OpenDesigner component page-offline to this project: https://opendesigner.dev/library/page-offline.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: offline, checking, back online, hover, focus.

Accessibility: The list of what still works is a real list; a polite status line reports each reconnect check and the last sync time.

File: https://opendesigner.dev/library/page-offline.html

Catalog entry (parts, data limits, states, tokens): https://opendesigner.dev/library/page-offline.json

Download: `curl -fsSLo page-offline.html https://opendesigner.dev/library/page-offline.html`