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
LegalDb Open menu
Vocabulary menu
Vocabulary open menu
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.
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
LegalDb Open menu
Vocabulary menu
Vocabulary open menu
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:
Implementation