Navigation
Navigation
Transparent top navigation with click-toggled dropdowns and a mobile accordion.
Source: components/Nav.tsx, NavDropdown.tsx, MobileNav.tsx
Live
Art Deco
Sunrise
Usage
DoOrganize by what a visitor wants to do.
Don’tMirror the organization chart.
DoKeep one primary call to action, Join FAD.
Don’tAdd a second highlighted button.
Accessibility
- Disclosures are click and keyboard toggled, not hover.
- The inactive tree (desktop or mobile) is display:none so nothing is announced twice.
- Escape closes and returns focus to the control that opened it, on desktop and mobile.