Sticky Minimal Nav
A slim sticky header with frosted background, the name mark, three nav links, and an emerald availability dot.
A slim sticky header with frosted background, the name mark, three nav links, and an emerald availability dot.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Sticky Minimal Nav is the always-present header, a slim 14-unit bar with a frosted background that pins to the top of the viewport as the visitor scrolls. The name mark Avery Stone sits beside a small dot that signals availability for new work, and three links, Work, About, and Contact, sit on the right. The dot is the distinctive detail: it turns the header into a passive open-to-hire signal on every scroll position.
Links are one array. The backdrop blur and semi-transparent background keep the bar readable over any content below. The block renders in normal flow for preview fidelity; the sticky class takes effect in production.
Reach for this block at the top of a portfolio where the hire-me message matters on every page and every scroll depth. The installer swaps the name, updates the links, and toggles or removes the dot once they are no longer available.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the freelance available-for-hire header. Other sticky minimal bar uses:
Tip: the availability dot only works if it stays honest; update or remove it the moment the calendar fills.