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.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
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.