About this block

Numbered Nav puts the name mark Avery Stone on the left and prefixes each horizontal link with a small zero padded index, so Work reads as 01, About as 02, Journal as 03, and Contact as 04. A quiet caption, Index 01 to 04, closes the row on the right, giving the header an editorial table of contents feel.

The links are one array and each number is derived from its position with padStart, so the count stays correct when you add or reorder pages. The numeric prefix is the distinctive detail; it lends a print inspired rhythm to a header that would otherwise be a plain link row.

When to use

Reach for this block as the site header for a portfolio that leans editorial, where a numbered index of pages suits the tone. The installer swaps the name mark and the link labels and hrefs; the numbers update themselves.

A natural flow around it on a Portfolio Pro page:

Before

• Nothing; this block opens the page.

After

• Hero sections
• Featured work grid

What you can display

One strong use is the editorial numbered header. Other numbered nav uses:

• Roman numerals. Swap the padded digits for I, II, III to suit a more classical mark.
• Section count only. Drop the per link numbers and keep just the Index caption on the right.
• Chapter labels. Prefix each link with a word like Chapter for a long form writing site.

Tip: keep the link set short, four or five at most, so the numbered sequence stays legible and does not crowd the row.