Preview image. Unlock full-res
Left-right split layout: dark vibrant 3D rendered spheres on black background contrasted with light pastel card grid and bright pink 3D shape on gray.
Summary
Two-column hero layout pairing a dark, vibrant 3D spherical render gallery on the left with a light, minimal product grid and bright pink mockup on the right, separated by strong color contrast.
Visual description
The left half features a deep black background holding five overlapping glossy 3D spheres in vivid oranges, reds, teals, and greens. Above is a small logo ("Worlds") and large bold white text "A web3-native curation tool" with two white buttons below (Learn more, Watch video). The right half is light gray with a logo ("Drops"), headline "Big collections. No code required." in black sans-serif, matched buttons, and below, a grid of four rounded cards in soft pastels (sage green, rose pink, slate blue, burnt-orange) containing a large bright magenta 3D shape positioned lower-left (a dancing or gestural figure). The whole composition emphasizes contrast: saturation/light on left vs. neutral/minimal on right.
Key takeaway
The asymmetric split: one side luxe and photo-rich (3D spheres, dark, eye-catching), the other light and text-clear (functionality, ease, no-code messaging). The soft pastel card framing creates depth without visual weight. The bold white sans-serif type on dark reads high-contrast and premium while remaining clean.
Reuse notes
Effective for B2B SaaS hero sections positioning creative or technical tools, especially Web3 / digital-art / no-code platforms where one side can showcase creative richness and the other emphasizes simplicity and access. The pastel card grid works well for feature callouts, gallery previews, or use-case demonstrations. Works best when one half is image-heavy and the other text/minimal.
