UrbanLeaf Centered Hero With Aerial Image
Description
A centered hero on a clean white background. At the top sits a small grey ‘Project Overview’ pill, beneath it an oversized dark-green serif/sans display headline reading ‘The Bloom Initiative’, and below that a one-line subhead, ‘A community effort to reintroduce native flora to forgotten city corners.’ A single soft pill-shaped pale-green button labelled ‘Join The Initiative’ acts as the primary call to action. Under the button, a very wide rounded-corner photograph fills most of the width — an aerial, top-down view of a patchwork of green fields and vegetation in deep forest-green tones. Below the image, a small grey ‘Description’ pill on the left pairs with a large dark-green paragraph on the right that begins ‘Every small patch of green matters…’, explaining the initiative. The generous whitespace, single accent colour and centered stack make it a calm, editorial nonprofit hero.
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.
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.
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.
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.
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.
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.
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.
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.