Bringing this one back for our next thing. In #1128 I was playing around with a "Clusters" concept but then I realized it would probably be best for this page.

Here's a rough draft of the mockup. I'd like to incoporate logos and colors into each of the categories, and then the tabs will look a little different than these too. The "D" things are figma comments - ignore.

The tabs should look like how they look in this mockup:

I've been working on applying the visual styles of the tags to the categories in the vulnerabilities experience. @andymeneely want to schedule some time next week to discuss me setting up a color/icon organization for all viable tags?

Some musings on this topic

Possibility 1: Color = Severity, Icon = Category
Possibility 2: Color = Category, Icon = Severity

Both options offer the ability to communicate multiple pieces of information in the smallest package. By using the text in the bubble to apply specifics, we have a chance to offer three pieces of information in each bubble. Category, Severity, and Specificity. However, the trouble with both of these options is that they rely on communicating specific information through color. This is not accessible. In order to rectify this, we will need to deliberately pattern the bubbles in a way that will provide enough visual difference that it provides the same visual cue to a Deuteranopic/Tritanopic/Monochromatic viewer.

Possibility 3: Color + Icon indicate category, text provides specifications.

In option three we are opting to provide two separate depths of information instead. The color and the icon indicate what category the tag falls into, and the text offers up specifics. In this case, it would be nice to have a separate, distinct, “severity” modifier somewhere in the tag cloud, providing a distinction between vulnerabilities that are of interest predominantly for their academic value (akin to the current “neat” tag), and vulnerabilities whose existence caused a vast amount of headache for the internet or specific companies.

Either direction we choose to take, it looks like we have between four specifications in the smaller category tags, and upwards of fifteen in the larger categories. Trying to have discreet icons for each specification would be a headache. Have we selected distinct icons for each tag? And if so, are those set in stone?