Bar study: Tittle
The dot over the i in the wordmark shows where the attention of the bar is. At rest it is on the i. Move the pointer toward a menu item and the dot leaves the logo and lands under that item.
The dot of the i, cut out of the typeface at runtime and moved by a spring
- WhyLogo, explanation and navigation become one object. The first thing a visitor sees reacts to their hand.
- RiskA moving logo becomes a gimmick if it moves too much. The dot leaves only when one item clearly leads, and it snaps the last 0.25 px, so the wordmark is whole at rest.
- How it is madeThe page draws the letter i with and without its dot at ten times the size and subtracts one from the other, so the dot that travels is the typeface's own.
- Shelf
- Navigation and menus
- Group
- Navigation 59 of 116
- Theme
- Light and dark
- Live pointer
- 5 steps, until you take over