Crisp illustrated hero with product peek

Summary

A centered SaaS hero set against a colorful hand-illustrated landscape, leading with a single CTA and a free-trial note, then revealing the product UI as a screenshot rising from the bottom edge. The illustrated outdoor scene is what sets it apart from a typical dark product hero.

Visual description

A light navbar holds the Crisp logo, nav links, a search field, and dark "Log In" and "Get Started" buttons. The background is a flat-illustrated scene of green hills, trees, and pale-blue buildings with small character illustrations reading and lounging at the edges. Centered, a blue "NEW" announcement pill sits above an oversized two-line headline, a one-line muted subhead, and a single dark "Use Crisp for free" button with a "14 days free trial, no commitment" note. The bottom third shows a large product inbox screenshot rising into frame, including a circular video play button overlaid on the conversation view.

Key takeaway

Trading the default dark gradient hero for a friendly illustrated landscape that humanizes a support tool, while still grounding it with a real product screenshot. The single CTA plus an explicit no-commitment trial line lowers friction, and the play button hints at a demo without leaving the hero.

Reuse notes

Reach for this when the brand wants approachability over enterprise seriousness, especially consumer-facing or SMB support products. Custom illustration is a real production cost and must stay on-brand. The busy background needs a clearly contrasted headline and button to keep the CTA legible.