Empty State

Empty-state illustration sense

When the list does not have data, use a slightly floating illustration + specify text + guide button to tell the user what to do next.

Interactive demo: open this page in a JavaScript-enabled browser to drag the parameters and watch the live readouts.