[Feature] Mobile Menu does not match the current Vocabulary design system

[Netacci]

Problem

The mobile menu on the website does not align with the current Vocabulary design system. The website uses a hamburger icon, and the UI of the opened menu is different from what is implemented in the design system, which uses a "Menu" button and a more aesthetically pleasing design.

Open source website menu

Open source menu open

Vocabulary Menu

Vocabulary Open Menu

Description

To maintain consistency across projects, the mobile menu on the website should be updated to match the UI guidelines from the design system. This change will improve user experience and align the website with the design system's guidelines, making it more cohesive with the overall product design language.

Additional context

• creativecommons/vocabulary: A cohesive system of design for Creative Commons

Similar issue has been created here:

• creativecommons/legaldb/issues/197

Implementation

• [ ] I would be interested in implementing this feature.