Preview image. Unlock full-res
Centered HR hero where oversized headline type wraps around a 2x2 grid of product UI cards floating over a green cloud gradient.
Summary
A centered HR hero that splits its oversized headline so "The HR platform" sits above a floating 2x2 product card cluster and "people love" sits below it, all over a green cloud gradient.
Visual description
A light navbar runs across the top: green Lattice wordmark left, Platform/Solutions/Resources/Pricing center, Log in and a dark-green "Request a demo" button right. Centered below, the headline "The HR platform" appears in huge dark sans-serif, then a 2x2 grid of white product cards (a contact profile, a 1:1 agenda with avatars, an engagement-survey performance table, and a people-analytics bar chart) floats over the background, and the headline resumes with "people love" beneath the cards. A three-line grey subhead follows, then two buttons side by side: filled dark-green "Request a demo" and pale-green "Take a product tour". At the bottom, "4.7 on G2.com" and "4.5 on Capterra" review marks. The whole scene sits on a pale green gradient with soft white clouds.
Key takeaway
Wrapping the oversized headline above and below the product visuals so the UI cluster sits literally inside the sentence. It fuses message and proof into one focal block and fills an otherwise empty hero center.
Reuse notes
Great for a product with screenshot-worthy UI and a short, punchy headline that can survive being split. Needs four clean, legible UI crops; small dense tables can get lost at hero scale. The cloud gradient keeps a data-heavy hero feeling light.
