Cta 20 - Minimal call to action with line separators

Pro

A compact centered strip with a small label above a large primary button framed by horizontal separator lines on both sides.

Shadcn Cta 20 block

Component Data

  • ID:cta20
  • Access:pro
  • Created:Dec 27, 2024
  • Type:block

Cta 20 block design & features

Cta20 is an ultra-compact call-to-action built with shadcn/ui that keeps structure almost entirely typographic. A single short label sits centered above a flex row where two separators shrink inward while a large primary button holds the middle ground. There is no secondary imagery or cards; the layout relies on rhythm between microcopy and the oversized control.

Neutral chrome dominates: muted label sizing contrasts against the heavier button weight while separators read as quiet horizontal rules that widen or narrow as the viewport grows. The presentation stays calm and symmetrical because every element shares one vertical axis.

This reads as a divider-accent pattern suited to pages that already explained value elsewhere and only need a decisive tap target. It is intentionally simple and trades storytelling space for focus.

Content stays single-column throughout because the row already collapses gracefully when separators shrink beside the button on narrow widths.