Widgets

Design a widget system for a dashboard or home screen where several small tools live together in a grid or stack. Pick a single product context — for example personal productivity, finance, health, or operations — and make the widgets feel like they belong to that world, not generic plug-ins.

Each widget should do one job well: surface a key metric, let the user take a quick action, or show a short live update. Think in terms of glanceable cards with a clear title, a primary value or preview, and one obvious control. Keep the default state compact, but make room for expansion when the user needs more detail or a deeper action.

Show how the widgets behave at different sizes and states. Include loading, empty, and error versions, plus the transition from passive view to active use. If the set supports customization, show how a user adds, removes, or reorders widgets without losing context. The layout should stay legible when several widgets compete for attention.

Inject personality into your widgets by using micro-interactions or animation to delight users and enhance usability.