Compact Nav
A slim 12-unit header with a name mark on the left and three minimal text links on the right, nothing else.
A slim 12-unit header with a name mark on the left and three minimal text links on the right, nothing else.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Compact Nav fits everything into a 12-unit-tall header: the name mark Avery Stone on the left in xs font, and three links, Work, About, and Contact, flush to the right with px-3 py-1.5 padding. There is no button, no divider, no icon. The header is a visual whisper so the page content leads.
Nav links are one array. The h-12 container is the distinctive choice: it signals restraint before the visitor reads a word, matching portfolios that let the work speak rather than the navigation.
Reach for this block as the site header for a minimal personal portfolio with three to four primary pages. The installer swaps the name mark and the link labels and hrefs.
A natural flow around it on a Portfolio Pro page:
Before
Nothing; the navbar is the first element on the page.
After
One strong use is the minimal single-creator header. Other compact nav uses:
Tip: if you need a CTA button, reach for Wide Nav instead; adding one to Compact Nav breaks the minimal contract the height is making.