Centered Links Nav

About this block

Centered Links Nav is a symmetric sticky header. A three column grid holds the logo on the left, four links optically centered in the bar, and a single CTA on the right, so the navigation sits on the page centerline regardless of how wide the logo or button are. On mobile the middle column collapses into a hamburger and slide in sheet.

The links are one array shared between the bar and the sheet. Keeping the link count even, four works best, preserves the symmetry the layout is built on. The logo mark and wordmark swap in one place, and the CTA is a single button so the right side never outweighs the left.

When to use

Reach for this block when the page design leans centered, hero copy, centered features, centered CTAs, and the header should sit on the same axis. It reads calmer and more editorial than standard-sticky-nav, whose left clustered links signal utility. If you need two header actions or more than five links, the standard layout handles the weight better.

A natural flow around it on a Marketing Pro page:

Before

• Nothing. This is the first block on the page.

After

• Heroes with centered copy to continue the axis
• Logo Clouds as a quiet first proof point

What you can display

One strong use is a brand led marketing site with a four page architecture. Other fits:

• Product launch page. Links to overview, changelog, and pricing with the CTA carrying early access.
• Newsletter brand. Issues, about, and sponsor links with subscribe as the single button.
• Event site. Agenda, speakers, and venue links with register on the right.

Tip: the centered column is measured against the widest side, keep the CTA label short so the links truly sit center.