Pipe dual-audience gradient gateway cards

Pipe dual-audience gradient gateway cards, minimal, gradient-heavy, dark

Preview image. Unlock full-res

Two equal gradient cards on a dark field routing entrepreneurs to capital and partners to embedded Pipe, each with a white pill CTA.

Summary

A dark page holds two side-by-side gradient cards that split audiences: entrepreneurs seeking capital on blue, partners exploring embedded finance on orange-pink with code and mobile UI previews.

Visual description

Near-black outer background frames two rounded cards of equal width. The left card uses a blue abstract gradient with small centered label "Pipe For Entrepreneurs", oversized white headline "Get connected to Capital", and a centered white pill button reading "Start Now"; a faint circular arrow icon sits top-right. The right card uses an orange-to-pink gradient with label "Pipe Embedded", headline "For Partners", and a white "Explore" pill; it shows a dark code editor with React tabs plus a phone mockup of statements and outstanding payments. Both cards share the same hierarchy and corner-arrow affordance.

Key takeaway

Using two saturated gradient cards as a routing gateway instead of a single CTA list. The partners card earns its extra visual weight by showing embed code and product UI together, making the technical story legible at a glance.

Reuse notes

Strong pattern for fintech or platform products with two distinct ICPs. Needs strong gradient art direction and real product screenshots; the dark surround makes the cards feel like illuminated portals.

More cta sections

See all

More like this