Blocks · CTA

Call-to-action sections

Five closing-pitch patterns — banner, newsletter, dual CTA, illustration, and a sticky floating pill. All container-query responsive.

Simple banner

Below 760px the button drops below the heading.

.cta-banner.lsd-btn--xl.lsd-btn--primary

Ready to ship a brand-aware site?

Start free. Drop in blocks. Swap brand. Go live.

Start a project

Newsletter inline

Email input + button on one row above 600px; stacks below.

.lsd-input.lsd-btn--primary

The dispatch — one email a month

New blocks, motion studies, brand experiments. No fluff.

Dual CTA

Primary + ghost buttons. Side-by-side wide, stacked narrow.

.lsd-btn--primary.lsd-btn--ghost
v0.8 is live

Bring your brand to the web faster

Open the editor, drop your colors, and watch every block re-orchestrate.

Open the editor View on GitHub

With illustration

Text + CTAs on one side, .lsd-frame--glass-card illustration on the other. Stacks below 760px.

.lsd-frame--glass-card.lsd-aspect--4-3
MIT licensed

Self-host the whole stack

One repo, one bundle. Static export, WordPress export, or framework-agnostic embed.

Get the bundle Read the spec
Illustration · glass card

Floating pill

Sticks to the bottom of its container with status + CTA. position: sticky + bottom anchor.

.cta-pillposition: sticky
// content scrolls behind the pill
All systems nominal Try the editor