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.
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
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.