In Panelita we use a specific illustration style: Storyset By Freepick. Their goal is to help the user quickly and clearly understand how things work in each experience.
General guidelines
  • They should add information and context.

  • They must belong to the same visual family (Pana set).

  • Illustrations must convey something in particular, tell a story that is easy for users to understand.
Empty states
An empty state appears when there is no data to display and describes what the user can do next.

  • Provide guidance on how to get out of the vacuum state.

  • Present a negative situation in a positive light.
1
Title: Describe the context.
2
Description: Provides context and fits better if its short (opcional).
3
Button: Facilitates an action to get out of empty state.
4
Illustration: Add visual context. It is opcional.
On boarding
Help new users to get to know the functionalities of the tool.
  • The anatomy of the empty state is respected.
Banners
They inform users about something. The illustration clarifies the message and makes it easier to spot.