Evervault PCI hero with payment UI mockup

Evervault PCI hero with payment UI mockup, dark-mode, glassmorphism, dark

Preview image. Unlock full-res

Dark left-aligned hero with oversized type over a violet glow, paired with an overlapping virtual-card and payment-form product mockup on the right.

Summary

A dark fintech hero that sets left-aligned oversized type against a violet glow and floats an overlapping stack of payment UI cards on the right to show the product in context.

Visual description

Black background with a violet-to-lilac gradient rising from the bottom. A centered pill navbar holds the wordmark left, primary links (Home, Solutions, Products, Customers, Developers, Pricing, Blog) inside the pill, and Log in plus a white "Talk to an Expert" button on the right. The left column carries a small "PCI Compliance" pill badge, a two-line oversized headline "PCI DSS for Developers" in white with a subtle gradient fade, a two-line muted subhead, and a single white "Talk to an Expert" button. The right half shows a dark rounded product panel ("Nev Virtual Card", Overview/Transactions tabs, a usage progress bar, a masked card, a Subtotal/Tax/Total summary, and a dark "Pay" button) with a lighter "Add a new card" form card overlapping its right edge.

Key takeaway

The overlapping light form card on top of the darker dashboard panel creates depth and signals two product surfaces at once. The pill-shaped contained navbar and a single decisive CTA keep the top of the page calm while the violet glow does all the atmosphere.

Reuse notes

A strong default for a payments, fintech, or security tool where showing real transactional UI builds credibility. Depends on a dark canvas and a gradient glow to read as premium. Needs polished, legible product mockups since they carry the entire right side.

More hero sections

See all

More like this