Editorial Sticky Dropdown Navbar
Clean full-width sticky navbar for the Vandoko brand: wordmark with a trailing superscript cyan dot (the lone accent), a NavigationMenu link cluster with per-item dropdown panels, a ghost "See the work" text link, and a solid cyan "Start a sprint" CTA. Dropdowns show label + description rows, no icons. Mobile collapses to a top Sheet with Accordion expansion for dropdown items.
A quiet, full-width sticky navbar that lets the type-led editorial page below take center stage. The wordmark carries a single superscript cyan dot as the lone accent; all navigation links, dropdowns, and the ghost link are in muted tones, with only the solid Start a sprint CTA rendered in --primary.
npx shadcn@latest add @vandoko/vkb-nav-08Usage
import { VkbNav08 } from "@/registry/new-york/blocks/vkb-nav-08/vkb-nav-08";
export default function Page() {
return <VkbNav08 />;
}Pass navigation to customize the link cluster and dropdown panels; ghostLabel/ghostHref for the secondary right-side link; ctaLabel/ctaHref for the primary action.
Related Components
Floating Pill Split-Rail Navbar
A fixed floating pill navbar with a split-justified three-zone rail: "Vandoko" wordmark with a 2px cyan superscript dot (lone signal) on the left, four mono-tracked small-caps flat links in the centre, and a ghost "Contact" text link plus one solid cyan "Start a sprint" button on the right. On scroll the pill contracts to tighter vertical padding and gains a hairline top border. No icons anywhere. Collapses to a top-anchored Sheet drawer on mobile.
Instrument Panel Navbar
Sticky full-width navigation bar styled as a dark control-surface. The bar background carries a barely-visible CSS radial-gradient dot-matrix (~4% foreground opacity). The bottom edge is a 1 px hairline with a two-segment linear-gradient: the left third fades from faint cyan (--primary at 40% opacity) and the right two-thirds resolve to the standard border token. No halos, no background washes — depth comes from edge-light only. Desktop uses NavigationMenu with dropdown panels; mobile uses a hamburger-triggered side Sheet with inline accordion expand. Cyan is the lone signal: CTA button and left-edge glow.