Back to all

Website menu interaction — Website navigation menu hover states for Lantern

Lantern Landing pages Components Motion

Let’s talk
Website navigation menu hover states for Lantern

The navigation menus for Lantern’s website, shown in their hover states.

Product opens a row of four cards: Champion, Intent, Voice and the Agents library, each with an icon and one line on what it does, such as Voice being a 24/7 lead qualification machine. Solutions switches to cards for revenue teams, marketing teams and customer success.

The hovered card lifts with a lighter fill, and the open menu item turns purple in the pill-shaped nav, so it’s always clear which menu you’re in. Log in and Book a demo stay on the right.

Got something real to build?

I join your team as a design partner and stay for the long run, from the first flow to shipped UI.

Let’s talk