Active tab indicator.
Switch between ink and stock notes. The underline travels to the width of the chosen tab while its panel updates immediately.
Oxide red · Single spot color
Cotton rag · 220 gsm
Ink selected
- Resting states
- Ink notes selected → Paper stock selected
- Reduced motion
- The underline appears at the selected tab without sliding.
Implementation excerpt
const left = tab.offsetLeft;
rule.style.transform = `translateX(${left}px) scaleX(${tab.offsetWidth})`;Where Unvibed uses it
The rule under the active destination follows the measured label on desktop. The desktop navigation