Presets: Forms and closers

Copy beside a form card. Use the Split layout.

A one-line signup: email and a button.

Headline left, actions right.

A closing ask over a darkened photo (set a background image).

A dark rounded invitation card inset in a light section.

A slim banner: one card with an icon, a line of text, and links.

Latest stories beside a closing call to action (fuse a content section).

A callout box with an icon for an announcement: a schedule change, closure, deadline, or new program. Use it anywhere a page needs one thing noticed. Needs a short headline, one or two sentences of body, an optional link action, and an optional action note (dates, fine print). The eyebrow is the label ("Schedule change").

A very large headline across the page with a short line of body and actions shown as big underlined links. Use as a bold last word on a home or campaign page. Needs a headline of 3–7 words, one sentence of body, and 2–3 actions (any variant; all render as links).

The header, a short note, and the form all sit in one centered card on a tinted band. Use for a contact page or a single focused ask with nothing beside it. Use the Stacked layout; needs a headline, one or two sentences of body, and a short form (3–5 fields).

A full-bleed photo washed in the section color, with copy on the left and the form in a frosted glass card on the right. Use for an inviting sign-up (volunteer, event RSVP) where the photo sells the moment. Use the Split layout; needs a backgroundImage with a calm area, a headline, and 2–3 sentences.

A large headline with a numbered list in the body turned into "what happens next" side notes, beside a form whose fields are numbered 01, 02, 03. Use when a sign-up leads to a process (volunteer matching, intake, applications). Use the Split layout; put 2–4 steps in the body as a numbered list.

An oversized display headline across the full width, with the pitch on the left and a large email field with its button on the right. Use for a newsletter or waitlist that deserves its own band, usually dark or accent. Use the Split layout with a one-field form; keep the headline to 3–6 words.

A narrow tinted sidebar of contact details (heading 3 labels such as Address, Hours, Phone, each followed by a short paragraph) beside a wide, open form. Use for contact and visit pages. Use the Split layout with the form on the right; put each detail as a heading 3 plus one paragraph in the body.

Borderless, editorial fields: large type on a single underline, labels small above, fields flowing in two columns, no card. Use on calm, type-led sites or when the form should feel like writing a note. Use the Stacked layout, align left; works best with 3–6 fields, including half-width ones.

A two-pane frame: the form in a tinted pane on the left, and on the right the pitch, ruled trust points (each list item can start with bold text), and a short client quote. Use for professional services such as law, clinics, counseling, or advising. Use the Split layout with formSide left; body needs a sentence, a 3–4 item bulleted list, and optionally a quote.

A slim, ruled strip: a small headline on the left, and an email field with its button on the right with a fine-print privacy note beneath it. Use just above the site footer or at the end of an article. Use the Split layout with a one-field form, padding tight; the body is the privacy note (one short sentence).