# First-use empty state

First-use empty state: a free component, built on your design tokens, to use the first time someone opens a list, board or folder that has nothing in it yet. What a new area shows before anything is in it: what it is for, in one sentence, and the one action that starts it.

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

States: empty, first use, hover, focus.

Accessibility: The drawing is decorative and hidden; the heading names the area, and the single action is a real button.

File: https://opendesigner.dev/library/empty-first-use.html

Catalog entry (parts, data limits, states, tokens): https://opendesigner.dev/library/empty-first-use.json

Download: `curl -fsSLo empty-first-use.html https://opendesigner.dev/library/empty-first-use.html`