Preview image. Unlock full-res
Light section with a centered intro over a four-card bento grid, each card a dark glowing product thumbnail with a label.
Summary
A light feature section that showcases a product suite as a four-card bento grid, where each card is a dark, glowing mini-mockup with a short product name and one-line descriptor.
Visual description
A centered "Developer tools, reimagined" headline in dark sans-serif sits over a three-line muted intro paragraph. Below, four rounded cards form a two-by-two bento on a light gray page. Each card has a dark background with subtle colored glows and a product visual: a "Build Better Software, Faster" code-build scene, a "Zapp.run" code editor window, a "Globe.dev" glowing cloud icon, and a "Docs.page" git-push flow. Card labels and one-line descriptions sit in the lower-left of each tile in white over the dark imagery. Faint corner line marks frame the section edges.
Key takeaway
Presenting a multi-product portfolio as dark, individually-lit bento cards on a light page, so each product gets its own atmospheric thumbnail while the grid stays unified. The light-page, dark-card contrast makes the product visuals glow without a dark whole-section commitment.
Reuse notes
Ideal for a company with several distinct products or tools to feature at once. Each card needs a strong, legible mini-visual to carry it; weak thumbnails make the bento feel empty. Works best when card aspect ratios and glow treatments are kept consistent across tiles.
