Preview image. Unlock full-res
Landing page hero with three equal-width gradient cards (blue, yellow, purple) stacked horizontally, each pairing an abstract icon and topic headline over soft color washes.
Summary
CoLabs landing hero with three soft-gradient cards in complementary colors (teal, yellow, purple), each pairing a simple geometric icon with a research-focused headline and caption.
Visual description
Horizontal three-column layout with equal-width cards. Left card: soft blue-teal gradient background with layered mountain silhouette icon, headline "What are the 3 Horizons of Transformative Innovation", body copy below. Center card: bright yellow background with brain/neural illustration in black line art, headline "Who We're Supporting the Development of a Cultivated Meat Industry in Australia". Right card: vibrant purple fluid gradient with abstract blob shape, headline about raising venture funding. All cards use clean sans-serif type on light grounds, with subtle rounded corners. Top navigation and logo visible above. Overall color temperature runs cool to warm across the three cards.
Key takeaway
The three-card rhythm using complementary gradient backgrounds (blue-yellow-purple) to create visual momentum without clashing. Each gradient softly transitions behind the icon, creating depth. The icons are abstract and geometric, lending a scientific credibility while remaining approachable. The grid feels spacious and breathable.
Reuse notes
Strong pattern for innovation, research, or biotech landing pages needing visual impact. Works well when the three topics are equally weighted in importance. The gradient palette is saturated enough for web but muted enough for corporate contexts. Pair with tight body copy and a strong CTA below the fold.
