Preview image. Unlock full-res
Dark bento features section with a large CodeQL and Copilot Autofix demo card on top and two smaller AI and AppSec cards below.
Summary
A dark bento layout titled "Become a risk reduction warrior" that demonstrates built-in security through a live CodeQL alert, Copilot Autofix, and push protection scenarios.
Visual description
Deep navy background with a subtle blue radial glow. Centered white headline "Become a risk reduction warrior" and gray subhead about built-in security, secret protection, and dependency monitoring. Top spans a large rounded card showing a pull-request view: github-advanced-security bot flags line 4 of Express code, a white alert box marks a CodeQL "Reflected cross-site scripting" finding with a red High badge, and a Copilot Autofix footer reads "Generating a fix suggestion..." with a progress bar. Bottom row splits into two smaller cards: left card "Strengthen your development with AI" with a green robot icon and a Copilot Autofix diff replacing vulnerable code with an escaped version; right card "Empower your team with native AppSec" with a green shield icon and a terminal showing a failed git push blocked by GitHub Push Protection for detected secrets.
Key takeaway
One hero product screenshot plus two supporting proof cards keeps a complex security story scannable. Real alert UI and terminal output beat abstract shield icons for developer trust.
Reuse notes
Ideal for AppSec or DevSecOps pages that need to show in-flow scanning, AI fixes, and secret blocking together. Bento needs wide desktop; cards would stack on mobile. Dark gradient background is required for contrast with the white UI captures.
