Cta 63 - Magazine newsletter call to action with fanned covers

Pro

A split newsletter call to action: heading, one line and a single email field on one side, three bold flat colour magazine covers fanned on the other.

Shadcn Cta 63 block

Component data

ID
cta63
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Cta 63 block design & features

The block is a newsletter sign-up for a magazine-style publication, split into two columns.

The left column holds the heading, one supporting line, a single email field with a subscribe button and a short note. Submitting a valid email replaces the form with a confirmation line, announced to screen readers.

The right column fans three magazine covers like a hand of cards. Each cover is one flat colour with a heavy uppercase masthead over a rule, the issue number, one bold geometric shape (a circle, a half circle or stacked bars) and two cover lines. The masthead, covers, colours and shapes are props.

On mobile the covers move below the form.