Response Hero Section

Summary

A light, centered hero for a spend-management product, built around a big all-caps headline with one blue accent word, an inline email-capture form, and pale 3D wireframe shipping props framing the text. The line-art pallet and box illustrations plus the email-first CTA define it.

Visual description

A clean top nav shows the "response" wordmark with mark, Industries/Pricing/Resources/Sign In links, and a filled blue "Book a Demo" button. Centered, a small line "Centralize orders, control spend, Unlock savings." sits above a two-line all-caps headline "CONTROL INDIRECT SPEND FROM END-TO-END.", where "CONTROL" is colored blue. Directly under it, a rounded white search-style field reads "What's your work email?" with an outlined "Book a Demo" button inside. A pale grey 3D wireframe shipping pallet sits at the left and a wireframe open box at the right, flanking the headline. Below the CTA runs a row of muted partner logos (Nimbl Fulfillment, ShippingTree, WSI, DAVI), and beneath that a large product dashboard screenshot fades in, showing a procurement view with a sidebar, "Maintenance" department, "Fontana, CA" location and approved-product cards.

Key takeaway

Putting the email-capture field immediately under the headline makes the hero itself the conversion point rather than waiting for a separate form. Flanking the headline with light 3D wireframe objects adds depth and signals the domain (logistics/shipping) without heavy imagery. Coloring a single headline word ties the type to the brand blue used in the nav and CTA.

Reuse notes

Good for a B2B SaaS in procurement, logistics, or payments that wants email leads above the fold and has a dashboard worth previewing. The all-caps headline needs a tight, condensed setting to stay readable at this size. The wireframe props only make sense for a physical-goods or supply-chain product; swap them for the relevant domain motif elsewhere.