Preview image. Unlock full-res
Dark CodeSandbox header with lime CTA, full nav links, and a purple New badge announcing Boxy AI assistant.
Summary
Black CodeSandbox navigation bar with square logo, gray link row, lime "Try for free" button, and secondary announcement strip for Boxy AI.
Visual description
Two-row header on black. Top row: white square-outline logo left, gray text links (Features, Use Cases, iOS, Discover, Docs, Support, Blog, Pricing) center-right, gray Sign In link, and lime-green rounded "Try for free" button far right. Second row is a slim announcement bar with purple "New" pill, white copy about Boxy AI coding assistant for Pro subscribers, and lime "Learn more" link right-aligned.
Key takeaway
Stacking product nav and feature announcement keeps marketing news visible without a modal. Lime accent reserved for primary actions and key links creates instant hierarchy on dark chrome.
Reuse notes
Reference for developer SaaS headers promoting new AI features. Announcement row needs brevity; too many links will crowd on smaller breakpoints.
