
Preview image. Unlock full-res
Centered integrations hero on deep blue with gradient-accented headline, dual CTAs, and vertical color-gradient edge strips.
Summary
A full-width blue integrations hero with centered oversized headline, gradient-highlighted closing phrase, and two contrasting CTAs framed by vertical gradient side accents.
Visual description
Deep royal blue background filling the viewport. Thin dark utility bar at top with product announcement, phone number, sign-in, language selector, and search. Main nav below: G-P logo left, six menu links center, filled light-blue "Request a proposal" button right. Hero content centered: small all-caps "INTEGRATIONS" label, then oversized white headline "Bring your workforce data together, all in one place." with "all in one place." in cyan-to-green gradient. Gray-white supporting paragraph about syncing hiring, onboarding, and payroll across platforms. Two rounded CTAs side by side: bright cyan "Book a demo" with arrow, and white "Explore G-P Meridian Suite." Far left and right edges show tall vertical gradient strips (blue to sky blue left, blue to lime green right).
Key takeaway
Gradient only on the payoff phrase keeps the headline readable while adding energy. Vertical edge gradients break up a flat color field without needing photography. Pairing a loud primary CTA with a quiet white secondary button gives two clear paths without visual competition.
Reuse notes
Works for integrations or platform overview pages in global HR or workforce SaaS. Capture includes full nav; crop to hero only if reusing just the centered block. Needs enough horizontal space for the side gradient strips to read.




















