Preview image. Unlock full-res
Dark gradient hero with site and security sub-navigation, centered headline and dual CTAs, two feature preview cards, and an enterprise logo bar.
Summary
A full above-the-fold GitHub Advanced Security hero with dual navigation bars, a centered value proposition, demo and pricing CTAs, two 3D feature cards, and a customer logo strip.
Visual description
Deep blue gradient background darkening toward the bottom. Top: standard GitHub global nav (logo, Product, Solutions, Resources, Open Source, Enterprise, Pricing, search, Sign in, Sign up) plus a security sub-nav row reading "GitHub Security / Advanced Security" with links for Secret Protection, Code Security, Supply Chain Security, and Plans & pricing. Center stack: small pill badge "GitHub Advanced Security", oversized white headline "Security that moves at the speed of development", and two side-by-side CTAs (filled white "Request a demo" and outlined "See plans & pricing"). Below the headline area, two large rounded cards sit in a row: left card "Stop leaks before they start" with "Explore Secret Protection >" and a 3D blue shield with green checkmark; right card "Fix vulnerabilities in your code" with "Explore Code Security >" and a 3D blue block with green code brackets. Bottom edge shows a grayscale logo bar with Carlsberg Group, Mercado Libre, 3M, LinkedIn, and Otto Group.
Key takeaway
Extending the hero with two deep-link feature cards turns one headline into three entry points without leaving the fold. 3D icon illustrations on matching card backgrounds feel premium while staying on-brand.
Reuse notes
Strong template for enterprise security or platform product landings. Capture includes full nav so it reads as a page top, not an isolated block. Logo bar and feature cards need real partner marks and distinct sub-product names to reuse well.
