Patterns · 03
States Specification
A comprehensive guide to Kiosklix's empty, loading, and error states. Designed with softness and clarity to ensure user confidence even during friction points.
01
Empty states
Zero-data, search-empty, all-clear.
No orders yet
Start your shopping journey today and find amazing deals on every click.
No products found
Try different keywords or filters. Maybe search for something less specific.
All caught up!
We'll let you know when something new arrives or when your order status changes.
02
Error states
Connection-loss, full-page 404 — peach palette, gentle copy.
Connection Lost
Check your internet settings and try again. We can't reach the server right now.
404Lost in space?
The page you're looking for doesn't exist or has been moved to another galaxy.
03
Loading states
Spinners, progress bars, and button loading.
Progress indicators
Loading assets…
80%
Button loading
Inline activity
04
Skeleton placeholders
Card and table-row skeletons preserving layout while data loads.
Skeleton card
Skeleton list & table row