Preview image. Unlock full-res
Light centered SaaS hero with a two-tone headline and dual CTAs above a layered product mockup showing a contract being parsed into an extracted key-data panel.
Summary
A clean light hero for an AI contract tool that centers a two-tone headline and a dual CTA, then illustrates the product by showing a document being read and extracted into a structured Key Data panel.
Visual description
A white top bar carries the lowercase exante wordmark, a short center nav (Pricing, Blog, Contact), an outlined Sign In, and a solid blue Book a demo button. Centered below is a small pill badge ("Reminders & Document Comparison") with a blue arrow chip, then a large headline where "AI-Powered" is blue and "Contract Intelligence" is black. Two lines of grey sub-copy follow, then a blue filled Sign up button beside an outlined Learn more button. A faint dotted grid sits behind the upper area. The lower half is a layered product scene: a photo card of two coworkers at a laptop with an overlaid "4 New Contracts Signed This Month" toast on the left; a contract document labeled Software License Agreement in the middle connected by a dotted line to a blue Extracting search chip; and a white Key Data card on the right listing fields like Counterparties, Effective Date, and Annual Value with plus toggles.
Key takeaway
Coloring only the first half of the headline to mark the AI value prop is a cheap, legible emphasis trick. The document-to-Key-Data flow, joined by a dotted line through an Extracting node, literally diagrams what the product does instead of just claiming it.
Reuse notes
Strong pattern for an AI or document-processing SaaS that needs to explain a parse/extract workflow at a glance. The mockup carries the section, so it needs a believable before/after (raw doc then structured output). Works on light backgrounds; the lone blue accent does all the directing.
