[Typst Universe] Add thumbnails to packages

[rwmpelstilzchen]

Description

Templates on the Typst Universe have thumbnails, which greatly help with distinguishing between them and getting a notion of what they do and how they look at a glance. I think it would be helpful for packages to have thumbnails too; currently they all have the same crate (<div role="img" class="package-icon"></div>) as their thumbnail.

Ideas for guidelines:

• Thumbnails should be clear even in small sizes.
• They should depict a logo or a representative cropped shot that demonstrates concisely what the package does, maximising the relevant information to clutter ratio.
• Care should be taken not to use shocking colours and patterns: draw attention to your package by providing good functionality and documentation, not by having a flashy thumbnail.

(Issue copied from the Forum)

[reknih]

I'll just post what I have said in our internal chat. I think that your guidelines are good, but designs are particularly hard to get right.

[rwmpelstilzchen]

Yeah, I see your point (this is why I formulated the above guidelines, to counter shitty designs…). All submissions to the Typst Universe are reviewed before they are accepted or rejected. Thumbnails for packages (or templates for this matter) are not different to any other aspect of a submission, be it the code itself, the title, etc.

[Ants-Aare]

maybe make having a well designed icon a condition for packages who want to at some point leave the preview status.