Mission Statement With Image Pair
Description
A mission section on white opening with a centered grey ‘Our Mission’ pill above a large two-line green headline, ‘We believe small actions create big change.’ Below sits a two-column layout: the left column is a tall rounded photo of a lone tree on rolling green hills, while the right column stacks two blocks. The upper right block is a rounded abstract image of flowing green ridges with a white pill button labelled ‘Learn How It Works’ overlaid at its lower-left. The lower right block is a soft mint-green card whose heading reads ‘UrbanLeaf connects people with eco-initiatives in their city,’ with a smaller supporting line, ‘From planting trees to clean-up events, every small step matters,’ anchored at its bottom. The balanced split of one tall image against a stacked image-plus-card column creates a restful, editorial rhythm.
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 content sections
Cost-Effective Simple Process With Stats
A feature section on a solid black background. The left column stacks an oversized white 'Cost-effective & simple process' heading over three numbered points — 'Subscription-based model:', 'Cloud hosting:' and 'Automated updates and maintenance:' — each with a circled number and a short white description. The right column shows a rounded photo of two colleagues at a laptop with a floating white 'Your productivity score' card reading 660. A row of four lime-green-accented stats runs across the bottom: '99.5%' positive user rating, '2K' monthly active users, '100%' uptime in the last year and '55+' integrations. The dark canvas, numbered list and green metrics give the section a confident, data-backed tone.
Zubuz ↗
Agility To Adapt Split Feature
A two-column feature block on white. The left column holds a rounded photo of three colleagues at a laptop, overlaid at the corner with a floating 'Product Launch' analytics card (a 13K figure, bar chart and green percentage badges). The right column leads with an oversized 'Agility to adapt to market needs' heading and a short paragraph, then two icon-led points: 'Fast implementation:' (SaaS solutions deployed in a few clicks) and 'Accelerated time-to-market:' (launch faster and stay ahead of competitors). A small outline icon precedes each point. The photo-plus-icon-list layout pairs a human scene with a crisp benefit statement.
Zubuz ↗
Blog Post Article Page With Comments
A single blog-post layout on white, again split into an article column and a right sidebar. The article opens with a hero photo, a 'Business' tag and date, the title 'Fintech for millennials: How apps are meeting the best financial needs of a new generation', then body copy broken by sub-headings ('Who are millennials…', 'Key insights…', 'Different fintech solutions…'), bullet lists, an inset photo, a Tags/Share row, and a threaded 'Comments:' list with a 'Leave a comments:' form. The sidebar repeats the search, Categories, Recent Posts, Tags and blue help card from the archive. The long-form column with a persistent sidebar is the standard editorial article template.
Zubuz ↗
Blog Listing Page With Sidebar
A full blog-listing layout on white, split into a wide article column and a right sidebar. The main column stacks post previews, each a photo with a category tag and date over a bold title, an excerpt and an arrow link — 'Fintech for millennials…', 'I'm assuming the enterprise platform…' and 'Customer engagement for SaaS: 10 AI tools…' — closing with a '1 / 2 / Next' pager. The sidebar holds a search field, a 'Categories:' list (SaaS, Marketing, Technology, SaaS Metrics, Development), a 'Recent Posts:' list with thumbnails, a 'Tags:' pill cloud, and a blue 'How can we help you?' card with a Contact Us button. The article-plus-sidebar structure is the classic content-hub archive pattern.
Zubuz ↗