Inspo.

← Components

7 references · 60 captured

CTAs

Mid-page conversion sections - earn loudness by being singular.

01 · Quiet

Typographic CTA

A typographic appeal, not a button. Reads as the end of an article.

You’ve read enough. Open the archive.

A thousand sites worth studying. Filter by mood, paste a URL, or scroll.

Enter the archive

02 · Banded

Accent Band

Full-bleed accent ribbon with one action. Earns its loudness by being the only one on the page.

Install once. Free forever.

Lend your agent some taste.

npx inspo init

03 · Form-led

Inline Form

The input is the action. Single email field with inline submit and a real success state.

Field notes - every other Friday

New captures, new collections, one essay. No noise.

One issue every other Friday. Unsubscribe anywhere.

04 · Inverted

Ink ground

Black ground, paper button. The contrast does the work - no accent, no gradient, no chrome.

Free, no account

A reference layer for the work, not the workflow.

Open the archive

05 · Two-button

Primary + ghost

Primary action + a quiet secondary. Don't add a third - the page becomes a comparison, not a conversion.

Hand your agent a real reference.

One install. Free for everyone. Authenticates in the browser.

npx inspo initRead the docs

07 · Sticky compact

Floating row

Low-contrast strip that floats at the foot; single short action.

Live now

Install for your coding agent.

npx inspo init

From the archive

The same pattern, cropped from real production sites.