Bonsai tree hero with split-column layout

Bonsai tree hero with split-column layout, minimal, editorial, light

Preview image. Unlock full-res

Creative agency website with centered bonsai tree hero, bold display type, and split-column below-the-fold section showcasing portfolio work.

Industryagency, marketing
Palette
#FFFEFF
#9496AB
#C3C1C4
#767A8F
#5D6075

Summary

Creative agency website with a tall, centered bonsai tree dominating the hero, supported by a bold, stacked headline and a split-column layout below showing portfolio samples.

Visual description

Dark blue-grey background with a bonsai tree mounted on a stone pedestal, centered above a bold white two-line headline (sans-serif, large display weight). Below the fold, a single column of grey body text and a call-to-action, followed by a section titled "Work" with a split left-right layout showing portfolio pieces: a credit card mockup on the left (greyscale), a fashion/lifestyle image on the right (black background with white frame). Navigation and contact link sit in a minimal top header. The overall palette is muted: off-white, greys, charcoal, and the natural browns and greens of the tree.

Key takeaway

The centered vertical hero with a photographic anchor (tree) carrying the metaphor, letting the headline do the framing work. The two-column portfolio preview below works because the left (product-hard) and right (human-soft) images contrast, making the grid feel purposeful rather than just a grid.

Reuse notes

Strong for creative/agency/services landing pages. The tree imagery is specific but the pattern (centered natural object + split portfolio below) transfers to any industry where you want to pair metaphor with work samples. Watch the padding and alignment on mobile—the two-column below shifts awkwardly on narrow screens.

More like this