Creating illustrative hovers as examples rather than screenshots

[jonfroehlich]

I've long wanted the hovers on labels/tags to be more understandable. Currently, they are annotated screenshots (with no consistent visual design language). For example:

I wonder if it would be better to switch to illustrations rather than images. The illustrations would allow us to immediately guide the user's eye to what's important.

For example, Amsterdam's labeling guide has a number of nice illustrations:
https://docs.google.com/presentation/d/1OScoUKN2djjXluDQ1jGECAeZIVB4-NL2Uf2YNwE-ENk/edit

But I'm also thinking something more like (just giving some examples; none really nail it):

This relates to what Manjiri has also been working on with unifying our design language / style guide.

[jonfroehlich]

This is possibly something that @Manjiridesigns could do but it would take a lot of work to come up with nice illustrations per tag and certainly would be harder to create new illustrations for new tags (compared with simply taking screenshots, as we do now)