About this block

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.

When to use

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

• Nothing, navbars open the page

After

• Name and role hero
• Featured work grid

What you can display

One strong use is the freelance available-for-hire header. Other sticky minimal bar uses:

• Booked-out state. Remove the dot entirely or swap it to bg-muted-foreground when capacity is full.
• Long case study page. The sticky bar keeps navigation reachable through a long scroll.
• Agency site. Studio name plus the dot showing the team has current capacity.

Tip: the availability dot only works if it stays honest; update or remove it the moment the calendar fills.