Eco Hero With Image Carousel
Description
A center-aligned hero on a clean white background that flows into a full-width image carousel. The top stacks a small grey ‘Start Here’ pill, an oversized two-line display headline in deep forest green reading ‘Make your city greener. One action at a time.’, a single grey subhead ‘Join local eco-initiatives and see your impact grow.’, and two centered pill buttons - a soft mint-green filled ‘Explore Projects’ primary and a white outlined ‘Join As Volunteer’ secondary. Directly below runs an edge-to-edge row of equally sized rounded photo tiles with a unified green nature theme: a tree-lined urban path, rolling hills, planted vertical towers, an aerial park walkway, a grassy hillside, and a final tile bleeding off the right edge to signal horizontal scroll. The restrained palette, generous whitespace, and geometric sans-serif give the block a calm, premium feel while the clipped last tile invites the visitor to keep browsing.
Related
UrbanLeaf How We Work Icon Cards
A 'How We Work' section on white using an asymmetric two-part header: a small grey 'How We Work' pill sits on the left while a large dark-green paragraph fills the right, describing an approach 'rooted in observation, collaboration, and ongoing care.' Below the header is a three-up row of pale mint-green rounded cards. Each card has a small white rounded icon tile at the top — an eye, a sprout, and a hand holding a heart — followed by a bold dark-green title ('Observe', 'Grow', 'Care') and a short grey paragraph explaining that step of the process. The light-green cards, simple line icons and clear three-step progression make it an approachable process/feature section.
Behance ↗
UrbanLeaf Mission Three-Card Image Grid
An 'Our Mission' section on white, opening with a grey pill, a centered two-line dark-green headline 'To reconnect people with the nature around them.', and a two-line grey subhead about restoring attention to overlooked places. Below sits a three-up row of tall rounded cards, each filled edge-to-edge with a soft, blurred green nature photograph (grasses, leaves, foliage). Each card carries a white title near the top — 'Growing together', 'Designing with care', and 'Sustaining what we grow' — and a small translucent dark box near the bottom holding a few lines of supporting body copy about collaboration, reading each space, and long-term care. The trio of equal photographic cards in muted greens makes the mission feel tactile and consistent.
Behance ↗
UrbanLeaf About Section With Vertical-Garden Image
A centered 'About Us' content block on a white background. A small grey 'About Us' pill sits at the top, followed by a two-line dark-green headline reading 'We grow change from the ground up'. Beneath the heading is a single large rounded-corner photograph looking straight up between two tall buildings whose facades are completely covered in lush green vertical gardens, framing a bright blue, lightly clouded sky down the centre. Below the image, a short centered dark-green paragraph introduces the organisation: 'UrbanLeaf is a community initiative focused on restoring nature in everyday spaces. We believe that small, thoughtful actions can reshape entire cities.' The symmetrical, image-led, centered composition with lots of whitespace gives it a quiet editorial feel.
Behance ↗
UrbanLeaf Focus Areas Bento Grid
A 'Focus Areas' section on white, introduced by a grey pill and a centered two-line dark-green heading, 'We focus on what makes cities breathe again.' Below it sits a 2×2 bento grid of rounded tiles. Top-left is a photo of a mossy interior with a translucent dark-green card overlaid showing a large '76%' stat and the label 'Biodiversity recovery'. Top-right is a tall white card headed by an 'Urban Renewal' pill, a dark-green sub-headline 'We help forgotten corners come alive again.', and a smaller grey paragraph anchored at the bottom about reintroducing native flora and creating microhabitats. Bottom-left is a pale-green card with a 'Community Connection' pill, the headline 'We bring people together through care and creativity.', and a supporting paragraph. Bottom-right is an aerial photograph of a terraced rooftop garden among buildings. The mix of image tiles, stat overlay and text cards in alternating white/green creates a balanced bento layout.
Behance ↗Similar hero sections
Launch Your Startup's Success SaaS Hero
The startup-SaaS landing hero, topped by the Zubaz nav. A centered oversized black headline, 'Launch your startup's success with SaaS', is accented by a lime-green brush swipe behind the words 'startup's' and 'SaaS', over a two-line gray subhead. Below sit an inline email field with a blue 'Get started' button and two green-checked reassurances — 'No credit card required' and '7-day free trial'. A large rounded photo of a startup team working around a laptop fills the lower half, overlaid with floating UI cards ('Profit and Loss $682.5', a bar chart, 'New clients 321'). The green brush accents and floating stat cards give the hero an energetic, product-backed feel.
Zubuz ↗
Empower Your Business CRM Hero
The CRM landing hero, topped by the Zubaz nav. The left column stacks a small green Trustpilot '4.8/5 on TrustPilot reviews' badge, an enormous four-line 'Empower your business to the next level' headline, a two-line supporting paragraph, and two actions — a solid blue 'Sign up for free' button and a plain 'View all features' link. The right column shows a large CRM 'Dashboard' screenshot with a Next Appointment card, Recent Deals list, Customers panel and a Tasks To Do column, set against a soft lime blob. The oversized headline plus the detailed product shot immediately convey a feature-rich sales tool.
Zubuz ↗
Manage Your Money Finance App Hero
The finance-app landing hero, topped by the Zubaz nav (logo left; Demo, About Us, Pages, Blog, Contact Us center; Login and a blue Get Started right). A centered oversized black headline reads 'Manage your money better than ever' above a two-line gray subhead and two buttons — a solid blue 'Start Your Free Trial' and an outlined 'Watch A Demo' with a play icon. Below, a dark smartphone mockup shows the app's $20,000 balance and transaction list against a lime-green blob, flanked by floating UI cards ('$5,000 collected', 'Total spending $42.040', a monthly 'Comparison' bar) and a small photo of a smiling user. Hand-drawn arrow doodles and the playful green accent give the finance pitch an approachable, energetic tone.
Zubuz ↗
About Us Minimal Page Hero
A minimal page-header hero on a solid black background. A single oversized white 'About Us' headline is centered in the upper third, with no imagery or supporting copy competing for attention. Directly beneath it sits a small breadcrumb trail — 'Home' in white followed by a slash and 'About Us' in blue to mark the current page. The vast empty black field and lone centered title give the header a stark, confident, editorial feel. It works as a lightweight page intro that orients the visitor without distraction.
Zubuz ↗