UrbanLeaf Full-Bleed Join CTA
Description
A full-bleed call-to-action band filled edge to edge with a soft, blurred photograph of green rolling hills under a pale, hazy sky. Centered over the imagery sits a single translucent pale-green pill button carrying a small light-green circular dot on the left and dark-green label text, ‘Join UrbanLeaf Today.’ There is no other copy, navigation or competing element — the lone frosted button floats on the landscape. The muted green-and-grey palette, gentle motion blur and generous negative space give the section a calm, immersive feel, focusing all attention on the single conversion action that closes the page.
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 cta sections
Start Managing Your Money Email CTA Band
A compact call-to-action set in a wide rounded blue band with a green-to-white wave sweeping across it. A centered bold white 'Start managing your money now!' headline spans the upper area, and directly beneath sits a single inline capture control — a white rounded field reading 'Enter your e-mail address' with an attached solid blue 'Get started' button. No imagery or extra copy competes with the message. The saturated blue field, one headline and single email input make this a focused, low-friction signup prompt.
Start Managing Your Money App CTA
A bold call-to-action set on a saturated blue background. The left side shows a smartphone mockup on an onboarding 'Setting up your account' screen with a line-art illustration and a green doodle burst. The right side stacks a large white 'Start managing your money now!' headline, a two-line subhead ('Your financial future is just a download away…'), and two dark app-store buttons — 'Get it on Google Play' and 'Download on the App Store' — with a hand-drawn green arrow curling toward them. The vivid blue field, device shot and store badges make downloading the obvious next step. The playful arrow adds energy to an otherwise direct conversion prompt.
Empowering Teams Final Signup CTA
A closing sign-up call-to-action split between an indigo panel on the left and a large photo on the right. The left side stacks a two-line headline — a lighter 'Empowering teams to' over a bold 'accomplish more, together' in white — followed by the qualifier '14-day free trial | No credit card needed' and a white 'Get Started' pill button with an arrow. The right side is a circular-masked photograph of a diverse group of eight colleagues seated on tiered wooden steps, several holding laptops (one displaying a monday board), smiling toward the camera. The bold value headline, risk-reducing trial note and friendly team photo combine into a warm, low-friction final conversion prompt.
Together We Can Impact Careers CTA Band
A careers call-to-action set in a wide dark-indigo rounded band. On the left, a two-line headline mixes weights — a bold 'Together we can impact' leading into a lighter 'how teams work across the globe' — in white type. Directly beneath sits a white pill button labelled 'Join our team!' with a right arrow. The right side of the band is pure decoration: overlapping brighter-indigo circular and arc shapes with a small glowing dot, adding depth without imagery or copy. The deep background, single bold headline and lone button make the recruiting ask focused and unmissable.