Illustrations
Illustrations help convey complex ideas in a simple way. They should be meaningful and reflect a user's context and emotional state.
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.