Navigation header menus & side nav

[LibbyUX]

Work in progress:

• Figma: Atlas Apps Navigation Header

[LibbyUX]

[LibbyUX]

Ready for dev

• apps.humanatlas.io's menu is approved & ready for dev

Component Notes

• Min/max widths optimized for all screen resolutions for both the navbar and the menu
• The nav header stays fixed at the top of the page
• All routes in this menu open in a new tab

Figma

• Design System Repo:
  • Nav header/App Library (one size for all breakpoints)
  • Nav menu/App Library
• Components file
  • Nav header
  • Nav menu
• apps.humanatlas.io

Visuals

Note: The component state is only underlined when the menu is open. Use the navcat button please! Thanks so much!

[LibbyUX]

We are iterating further on this component. More information later.

[LibbyUX]

Ready for dev

apps.humanatlas.io spec is fully approved so this is ready for development. Mentioning @bherr2 & @axdanbol for visibility! I hope you both had a good weekend!

Figma

Design System Repo

• Nav header/App Library (one size for all breakpoints)
• Nav menu/App Library

  Explorer Components

• Nav header
• Nav menu

Approved Spec

• apps.humanatlas.io