∞ forever components

Marketing Sections

Availability Signal

A parchment card stating availability plainly: a display figure of free slots (Pompeii when scarce), six engraved slot marks, a lede and an 'Ask about a slot' button. Sending runs a relief sweep, then 'Enquiry noted' appears with an olive mark and a 38.2% bronze rule that engraves itself.

csslight complexitysubtle motionclick

Open on the canvas to copy the code → Free account · 3 copies a day · membership goes unlimited

Live demo — the real component, running in a sandbox. One self-contained HTML file, zero dependencies. Open it on the canvas →
Worth keeping? Votes steer what gets built next — sign in to cast one, free to read

When to use it

Studios and consultancies selling a limited number of engagements — honest scarcity with one enquiry action.

When not to

Unlimited or evergreen offers, or products with a checkout flow.

Working with an AI agent

Every component ships agent-ready metadata. An example instruction for this one:

Set TOTAL and the starting free count, the copy and the phase lengths READY / SEND / DONE; olive signals verified, Pompeii scarcity. Re-theme to light with --pro-bg:#e9e4da; --pro-surface:#f8f4ea; --pro-text:#241f19; --pro-muted:#675f54; --pro-accent:#94382f, and update the catalog bg to match. Theme: dark tokens in :root, light in :root[data-theme="light"]; ?theme=light or a forever:theme postMessage switches at runtime.

Safe to edit

  • theme tokens (:root --pro-bg, --pro-surface, --pro-border, --pro-text, --pro-muted, --pro-accent)
  • TOTAL / free counts and the cycle (READY, SEND, DONE)
  • copy (lede, button, confirmation, reply line)
  • pigments (--av10-olive, --av10-bronze) and the 38.2% rule

Keep intact

  • :root --pro-* token block (renaming breaks the shared pro theming API)
  • role=progressbar on the slot row
  • IIFE wrapper
  • prefers-reduced-motion guard (still card; the button confirms without the sweep)
  • visibilitychange pause
  • theme hook (?theme= bootstrap + forever:theme listener + tokens)

Known limitations

  • Light re-theme via the --pro-* block; catalog bg/accent describe the dark default
  • Display and body faces fall back to Georgia / system sans
  • The reply name is invented (Maya K.)

salesavailabilityscarcityslotsenquiryclassicalparchmentconversion

More Marketing Sections components

  • Logo Wall MarqueeA 'Trusted by teams at' social-proof section: two rows of invented, purely geometric company marks on chips, marqueeing in opposite directions on a…
  • CTA BannerA centered call-to-action band on a slowly shifting amber-to-tan gradient, with a rotating eyebrow tag, a bold headline, a subline, a white primary button…
  • Hairline CTAA calm call-to-action card: a hairline frame traced by one slow running dash, a mono eyebrow with a heartbeat dot cycling quiet facts, a lowercase…
  • Agent Handoff CTAA two-register call to action: the human side carries a lowercase headline, a subline and one accent button; the machine side is a mono bundle (id,…
  • Pricing StackA membership pricing card: a segmented monthly/annual switch whose pill thumb slides, a price that rolls between £5 a month and £50 a year (with 'two…
  • Founding OfferA founding-member offer card: '£399, once', a short subline, a seat meter (hairline track, accent fill with a slow travelling highlight, ten ticks, a…