Adventure · Forms

Three ways to ask.

A form is the one place a visitor hands you something. We build them three ways depending on what you’re asking for; a quick line, a guided diagnosis, or a nudge that never blocks the page. Here are all three, working.

It’s a demo. Nothing leaves this page. The mechanics are real (validation, stepping, the spam defense); the send is simulated so you can poke at them freely.

← Back to the workbench

The simple form

A quick line.

One panel, the essentials, straight to an inbox. This is the pattern running live on our own Journey page, right down to the honeypot and time-trap below, which stop bots without ever asking a human to prove they’re human.

Message sent

That’s the whole thing.

On a wired build this lands in the inbox as plain mail, with your address as the reply-to; no autoresponder, no account, nothing stored. Here it just shows you the end of the trip.

Honeypot + time-trap · client-side validation · inbox-only

The layered form

A guided diagnosis.

When one box can’t catch a complicated ask, we step it. This is the pattern behind SecureLynx’s risk assessment, a few short screens that classify the request, flag likely gaps, and hand back a structured summary. The visitor arrives half-diagnosed; you skip the cold conversation.

Company snapshot

The basics, so the summary has a name on it.

Business name

Your role

What’s online today?

Pick the closest. One answer opens a follow-up.

Current footprint

A simple website Website + online store Apps & customer logins Nothing yet

Roughly how many customer records does it hold?

What’s prompting this?

Check anything that fits. These drive the flags in your summary.

Concerns

The site looks dated Spam through the forms Slow / breaks on phones Worried about security Want to manage content myself

Anything else (optional)

Review & contact

Where the structured summary would route to.

Name

Your snapshot

Here’s the read.

On a wired build this same summary routes to the inbox as a structured lead; classified and half-diagnosed before the first reply.

Stepped · branching · classifies · flags · structured summary

The slide-in

A nudge that never blocks.

Sometimes you want to offer the ask without stopping the page. A drawer slides in from the edge, takes the one or two things you need, and slides back out. It opens from a normal link, so it still works with JavaScript switched off.

A compact capture for a callback or a quote. The kind of thing that rides along the bottom of a page or behind a “get in touch” button, ready when the visitor is.

Request a callback

Off-canvas · focus-trapped · opens on :target with JS off