Vapi dark CTA with call-flow diagram

Vapi dark CTA with call-flow diagram, dark-mode, technical, dark

Preview image. Unlock full-res

Dark CTA section that pairs a single large serif headline with a horizontal node-and-connector call-flow diagram below it.

Elementsdiagram, card, badge, icon
Palette
#0A0A0C
#F2EFE6
#2F6BFF
#E8632A

Summary

A near-black CTA built on one oversized serif "Get started today" headline above a branching call-flow diagram of nodes linked by dashed colored connectors.

Visual description

On a deep black background, a large light serif headline "Get started today" sits in the upper area. Below, a left-to-right flow diagram runs across the frame: a pill "Start call / INPUT" node connects via dashed multicolor dot trails to dark "API Request" cards (each showing a blue plug icon and a "URL: HTTP://VAPI.AI/" code line), then branches to a card listing variable chips (Merchant Name, Agent Name, Integration Partner), and fans out on the right to "Send SMS", "Transfer call" and "Hangup" action pills with small icons. The connectors are rendered as rows of rounded colored dashes rather than solid lines.

Key takeaway

Using the product's own call-flow builder as the CTA backdrop sells the tool's core concept in the same breath as the ask. The dashed multicolor connectors give an otherwise monochrome dark layout movement and a distinct signature.

Reuse notes

Fits developer or automation products where the workflow graph is the headline feature and worth previewing near conversion. The diagram is wide, so it needs full-bleed horizontal room and may need simplifying on narrow screens. Pairs the serif headline against the technical UI for a high-end contrast.

More cta sections

See all

More like this