GitHub Security add-on pricing cards

GitHub Security add-on pricing cards, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark centered pricing block with a shield icon, headline, and two side-by-side add-on cards for Secret Protection and Code Security.

Summary

A symmetrical security pricing section leading with a 3D shield icon and two matching add-on cards priced per active committer, each with demo and sales CTAs.

Visual description

Near-black background with a strong blue radial glow centered behind the cards. A blue shield icon with a green checkmark sits above a white headline "Two layers of powerful protection" and gray sub-copy about combining Secret Protection and Code Security. A blue text link reads "See plans & pricing >". Below, two dark rounded cards sit side by side, each topped with a small black "Add-on" pill. Left card titles Secret Protection at $19 USD per active committer/month; right card titles Code Security at $30 USD with the same billing unit. Each card has a short description, a filled white "Request a demo" button, an outlined "Contact sales" button, and a small gray footnote that a Team or Enterprise plan is required.

Key takeaway

The single atmospheric blue glow unifying two otherwise identical card shells, and the "Add-on" badge clarifying these sit on top of base plans. Pairing a bold icon-led headline with symmetric cards keeps complex security SKUs readable.

Reuse notes

Strong for B2B security or compliance products sold as modular add-ons. Works when two related tiers share the same card anatomy and CTA pattern. Needs a dark canvas and enough width for side-by-side cards; the glow effect carries most of the visual interest.

More pricing sections

See all

More like this