A porcelain-studio WAI-ARIA menu-button dropdown: a glazed sheet with a second slab peeking from beneath, uppercase running heads, double-rule dividers, stamped mono keycap hints, petrol glaze-wash row states and full keyboard navigation — themed as a studio bureau's correspondence menu.

A design-system-aware marketing navbar with a wordmark, animated-underline links and a primary CTA on desktop; on mobile a burger opens a viewport navigation layer with staggered display-size links, a focus trap over an inert background, Escape close, scroll lock and desktop auto-close.

A profile dropdown led by an identity header for the signed-in account, with quick actions and soft key-chip shortcut hints, a What's new discovery item, a switch-account list of the other accounts with a hover switch arrow, a dark mode toggle row grouped above the error-weighted sign-out action — fully token-driven and design-system agnostic.

An agency navbar with a shared morphing flyout on an indigo palette: Services, Portfolio, and Company swap icon-and-description panels inside one sliding container with direction-aware cross-fades, a sliding indicator, featured promo cells, mono keyboard hints, and a staggered mobile drawer.

A GitHub-light fixed top bar — a mark logo, a Dashboard title, Octicon action buttons with an unread inbox dot and an avatar — that opens a right-side profile drawer of menu links, closing on Escape, outside-click or the X with focus returned to the avatar trigger.