Preview image. Unlock full-res
Cream two-column hero with an oversized black serif headline and email capture on the left and a filter-chip chat conversation mockup on the right.
Summary
A cream two-column hero that puts an oversized black serif headline and a single email-capture pill on the left and a live-looking support chat mockup on the right. The defining contrast is editorial serif type next to a soft, realistic product conversation.
Visual description
A minimal top bar shows the Gradient Labs mark and links (Product, Security, Mission, Blog, FAQ). On the left, a three-line oversized black serif headline sits over a short grey sub-paragraph, then a white rounded pill pairing an email input with a dark "Book a demo" button. On the right, a soft panel holds three filter chips ("Lost card", "Flight change", "Delivery issue") above a chat card: a user bubble with a faint warm gradient, two "Checking..." status lines, an AI-agent reply, and a bottom message field with a circular send button. Faint topographic line textures run behind the panel and along the lower edge.
Key takeaway
Pairing a literary serif headline with a calm, true-to-life chat mockup so the hero feels both editorial and product-credible. The single email-plus-button pill for low-friction capture, and filter chips above the chat that hint at multiple supported scenarios.
Reuse notes
Good for a support or conversational-AI product that wants warmth over the typical dark technical hero. The chat mockup needs realistic, readable copy to land; placeholder text would undercut it. Works on a light tinted background where the serif headline can stay near-black for contrast.
