creativecommons/legaldb

[Feature] Mobile Menu on LegalDB website doesn't match the current Vocabulary design system

Closed this issue · 2 comments

Problem

The mobile menu on the LegalDB 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.

LegalDb menu

legal-menu

LegalDb Open menu

legal-menu-open

Vocabulary menu

vocab-menu

Vocabulary open menu

vocab-menu-open

Description

To maintain consistency across projects, the mobile menu on the LegalDB 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.

Alternatives

One alternative is keeping the current hamburger icon and menu button implementation, but this results in inconsistent design across projects.

Additional context

The design system's mobile menu UI includes:

  • "Menu" button in place of a hamburger icon.
  • A more refined, aesthetically pleasing design when the menu is opened.
  • Consistent use of typography, spacing, and colors as defined in the design system.
  • creativecommons/vocabulary: A cohesive system of design for Creative Commons

Implementation

  • I would be interested in implementing this feature.

@Dev-JoyA please comment on this issue so i can assign it to you

@TimidRobot pls assign this issue to me .

Thanks