Live Preview: https://navbar05.framer.website/
Navbar05 is a production-ready fullscreen overlay navbar. Pair a refined script-style wordmark with a Menu/Close pill and chevron, then open a bold, centered navigation list over a paper, glass, or fully custom theme. Built for agencies, studios, and product sites that need a clean header, accessible dialog behavior, and crawlable primary links Google can index without opening the menu.
Features
Fullscreen overlay menu with centered, large-type nav links (no numbering)
Script-italic logo wordmark with optional suffix, size control, and logo URL
Menu / Close pill button with rotating chevron and optional pill background
Theme modes: Paper, Glass (blur), and Custom colors for background, text, logo, and nav items
Accent color for focus rings; separate hover color for links, underline, and menu control
Sticky header option for scroll-friendly layouts
Native Framer font pickers (extended) for UI, logo, and nav item type
Responsive layout with mobile-aware padding and capped nav type size
Accessible dialog: aria-expanded, aria-controls, aria-haspopup, Escape, focus return, focus trap inside the overlay
Primary nav links stay in the DOM when closed so crawlers and assistive tech can discover them
Semantic landmarks: banner header, primary nav, contentinfo copyright line
Use Cases
Creative agency and design studio websites
Portfolio and personal branding sites
SaaS marketing and product landing pages
Fashion, lifestyle, and editorial brands
Architecture and interior design portfolios
Photography and visual storytelling sites
Startup and founder personal sites
Event, conference, and cultural institution pages
Restaurant, hospitality, and boutique brand sites
Minimalist brochure and one-page marketing sites
Keywords
fullscreen overlay navbar, framer navbar component, overlay menu framer, mobile menu overlay, sticky header framer, glassmorphism navbar, paper theme header