Preview image. Unlock full-res
Split contact section with a floating white support form card overlapping a peach-to-yellow gradient panel and explanatory copy on the right.
Summary
A help-desk marketing block that embeds a real-looking support ticket form as a floating white card over a warm gradient band, with copy explaining the live embed on the right.
Visual description
A wide rounded rectangle runs peach-pink on the left into bright yellow on the right. A white form card with soft shadow overlaps the left edge of the gradient, slightly inset from the container. The card header reads "Submit Help Request" in bold dark purple. Stacked fields follow: Email, Subject, and a taller "How can we help you?" textarea, each with light grey borders. An attachments zone uses a dashed border, paperclip icon, and helper text listing accepted file types and size limits. A Google reCAPTCHA widget sits above a full-width yellow "Submit" button. On the right, an oversized dark headline "This is a live support ticket embed" sits above a grey explanatory paragraph. A small hand-drawn purple arrow curves from the copy toward the form card.
Key takeaway
Using a functional-looking embed as the visual instead of a static mockup, and the overlapping card-on-gradient composition that makes the form feel interactive while the copy stays readable on the open right side.
Reuse notes
Ideal for a support or help-desk product page demonstrating embeddable forms. Needs a real form backend or careful static styling to avoid looking fake. The warm gradient pairs with Outseta's yellow CTA system; adjust accent if your brand is cooler.
