[Functionality] Research, design, expand, and unify `:hover` behavior across menus, links, and buttons

[possumbilities]

Problem

At current the original source material for the Vocabulary Design system did not have fully covered or consistent :hover behaviors defined. As a result many items lack :hover behavior changes beyond the standard cursor pointer. This is adequate for now, but is not aesthetically ideal.

Description

A unified approach to the :hover behaviors needs to be researched and documented that:

• follows Vocabulary internal cohesion
• adheres to adequate Accessibility
• improves, but does not diminish UX
• accounts for the color system of Vocabulary

This encapsulates work documented in:

• [Feature] Enhancement: Add Hover Effect to Navigation Bar Links for Better User Experience #154
• [Feature] Hover effects over the contents of footer-menu and explore-menu. #179
• [Feature] Add hover to buttons on archive-page #190

Implementation

• I would be interested in implementing this feature.

[possumbilities]

This is a rough draft Issue, that is currently 🧹 status: ticket work required Needs more details before it can be worked on until it reaches enough fidelity to be worked on.