Empty State Design - Learning App

Nice one, Blanka!

Personally, I'd make the illustration color a little bit brighter in dark mode. With the chosen color, it almost seems to have difficulty blending in with the surroundings, but I guess it's just a matter of taste—no biggie :)

I'm curious about the gap between the card and the bottom nav bar. Why is that so?

Hi Blanka! Great start and some opportunities for improvement!

There are a few areas that could be enhanced:

1. Modal style or layering. I would assume, when user gets to favourites - one sees the empty page. There is no other pop up needed. By removing the additional layer - the page will become more breathable. 
2. Element Alignment: Consider adding a background for the image. This will visually align all elements, as currently, the image appears centered while the rest of the elements are left-aligned.
3. UX Copy: The term “Your Favourites” might seem more relevant to food preferences. It might be worth researching alternatives such as “Saved” or “Bookmarked,” which could better suit the learning context.
4. UX for the "Start Learning" Section: Have you considered what will be displayed here once a user selects a course? How will this differ from the Home screen? Additionally, is the empty state necessary for this section? When a user lands on "Start Learning," you could display a list of available courses immediately, reducing the number of clicks and streamlining the user experience.

Great work!

/Yuliia