consistente styling voor ui states; hover, focus, active etc

[joostf]

De styling voor states van interactive elementen is momenteel niet consistent:

[CharleyMuhren]

We zouden het liefst de hover en active state ongeveer zien zoals in onderstaande schermafbeeldingen. Dit houdt in:

1. Op de pagina's waar de cards in een grid staan (de pagina's met tekenmethodes en artikelen) graag de tekst onder de afbeelding en bij hover en active een lichtgrijs (#f9f8f8) blok met onderaan een lijn in de kleur van de pagina (dus bij de tekenmethodes is dat #feb51e en bij artikelen #090940. De lijn mag net zo dik als nu in de hoofd navigatie. In het eerste screenshot zit nu ook een gedeelte grijs om de afbeelding heen (als een polaroid). Het kan zo of met alleen een grijs vlak onderaan de afbeelding, zoals in het tweede screenshot. Het hangt er een beetje vanaf wat beter werkt.
2. Dit zou ook op deze manier kunnen bij de categorieën op de pagina van de tekenmethodes. Hier zou de lijn dus ook weer geel (#feb51e) zijn en zowel in de hover als in de active state (of raden jullie het af om dit op dezelfde manier te stylen?).