The images we have in the TAG right were generated in dia and aren't very nice at all. We should try to make something more flashy.
We will handle this by outsourcing most of the work. Still need to spend some time on management though.
doc/external/images/sysarch.png lacks the HTML5 client completely.
Found a tool name draw which is very nice and is a open source (GPLv3) HTML5 diagram tool [1]. Where content produced with the tool and all available cliparts are free to use for any purpose. This tool was used to fix the sysarch image in bug #5817.
(In reply to comment #2) > doc/external/images/sysarch.png lacks the HTML5 client completely. This is fixed with bug #5817
We now have SVG versions of all images in the TAG that are coherent with the graphical profile. My suggestion would be to decompose these images into building blocks in Figma (or some other well-established platform that the vast majority of UX designers are used to), and then rebuild the images with these building blocks. This way, we'll have a flexible way of creating new images using said building blocks, while also sticking to a well-established and non-esoteric way of working that most UX designers are used to, meaning we have a neat way of collaborating on these images internally, while also being able to hire UX consultants for further work in this area.