Centered Oval
A sticky, pill shaped glass navbar with a logo, optically centered links, and dual CTAs. A clean, modern header for a Modern SaaS landing page.
A sticky, pill shaped glass navbar with a logo, optically centered links, and dual CTAs. A clean, modern header for a Modern SaaS landing page.
Search blocks by description or jump to a page.
The source for every Modern SaaS block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Centered Oval is a pill-shaped sticky navbar that floats near the top of the page and remains fixed as the user scrolls. A three-column grid holds a logo mark and wordmark on the left, a row of four navigation links optically centered in the middle, and a ghost "Sign in" button alongside a solid "Get started" button on the right. The whole bar carries a frosted-glass effect so the page content shows through as it scrolls beneath.
On narrow screens the center links and CTA buttons disappear and a hamburger icon appears at the right edge of the pill. Tapping it opens a slide-in sheet from the right side of the screen that lists the same links as full-width tappable rows, followed by the two action buttons stacked at the bottom. The logo, link labels, and button copy are all plain strings, so you can update them without touching layout code.
This navbar suits a project management workspace where a polished, modern first impression matters on the marketing or landing page. The floating pill silhouette reads as premium and compact next to a full-bleed hero, and the optical centering keeps the nav links feeling balanced even on wide viewports. Use it when you want a header that recedes into the background rather than anchoring the top edge, and when your link count is four or fewer so the pill does not feel crowded.
A natural flow around it on a Modern SaaS page:
Before
After
The block keeps its three zones independent, so you can adjust each one without affecting the others:
Tip: keep the link count to four or fewer. More items stretch the pill on mid-size screens and push the CTAs out of the visible area.