84 of 300

Navigation 84

Navigation with a morphing card

There is no separate dropdown. The icon’s own background grows into a card, and the icon moves up into the corner as its heading. Move the pointer slowly from icon to icon, and click a row in the card.

A marketing bar where the icon grows into its menu

  • One objectOn the way to the next icon the same card changes size and content. It does not close and open again.
  • Rows go somewhereA row scrolls the page to its section and the card shrinks back into the icon.