UrbanLeaf Focus Areas Bento Grid
Description
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.
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 Centered Hero With Aerial Image
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.
Behance ↗Similar features sections
Wide Range Of SaaS Solutions Services Grid
A services section on white. The top pairs an oversized 'Wide range of SaaS solutions' heading on the left with a solid blue 'View all services' button on the right. Below, six white bordered cards form a three-column, two-row grid, each led by a line-and-green illustrative icon, a bold title, a one-line description and a small arrow link: 'Customer support' (ticketing engagement platform), 'Project management' (plan and organize), 'Email marketing' (widely used platform), 'Human resources' (all-in-one HR and payroll), 'Accounting and finance' (invoicing and reports) and 'Cyber Security' (protection from threats). The even icon-card grid makes the breadth of offerings easy to scan.
Zubuz ↗
Customer Service And Lead Management Features
Two stacked alternating feature blocks on white, each mixing photography with copy. The upper block places a rounded photo of two colleagues at a laptop on the left beside an oversized 'Enables improved customer service' heading, a paragraph, and two bold stats — '99%' customer satisfaction and '3.5X' close deals faster. The lower block flips the layout: an oversized 'A single platform to manage leads' heading with green-checked items 'Team management' and 'Online marketing' sits left of a top-down photo of hands working at a laptop. The mirrored image-and-text rhythm, punchy metrics and checklist make the CRM benefits tangible and easy to compare.
Zubuz ↗
CRM Features With Dashboard Cards
A CRM feature section on a pale background under an oversized centered 'Features to improve your financial life' heading. Four large cards form a 2x2 grid, each led by a lime-green icon, a bold title and a line of copy, then a mini product screenshot: 'Sales pipeline management:' with a monthly bar chart, 'Analytics and reporting:' with a Lead Source panel (Total Revenue $50,634, Total Sales, Total Views), 'Marketing Automation:' with a 'Websites Monitored' bar-and-donut chart, and 'Track customers movement:' with a Customer List table. Embedding a real dashboard fragment in each card makes the abstract CRM capabilities feel concrete and demonstrable.
Zubuz ↗
Features To Improve Financial Life Grid
A feature grid on a pale background under a centered oversized 'Features to improve your financial life' heading. Six white rounded cards are arranged three across and two down, each centered on a lime-green circular icon above a bold title and a short gray description: 'Financial Planning' (create and track budgets, set goals), 'Security Features' (measures to protect financial data), 'Tax Preparation' (filing and deductions), 'Offline Access' (use essential features without internet), 'Currency Conversion' (tools for travelers and international business) and 'Integration Support' (connect with other financial tools). The even three-up rhythm and single green accent make the capabilities calm and scannable.
Zubuz ↗