Preview image. Unlock full-res
Light-background case-study bento with one large hero card and two stacked metric cards, each using full-bleed photography and oversized stat numbers.
Summary
A "What success looks like" bento grid where one dominant case-study card anchors the left and two smaller outcome cards stack on the right, all driven by photography and large percentage metrics.
Visual description
Warm off-white section background. Top left: medium serif heading "What success looks like" with a compact black pill button labeled "View success stories" beneath it. Below, a rounded bento grid with a wide left card and two narrower right cards separated by consistent gutters. The large left card shows a glass office building photo under a subtle dark overlay; BarmeniaGothaer logo top left, white serif headline about an AI agent named Mina, and a bottom row of three stats (90% workload reduction, 179% NPS increase, 60% stronger customer relationship) divided by thin white rules. Top-right card uses a sunset airplane-wing photo with warm orange-blue gradient; TUI smile logo and "97%" translation accuracy stat in large white serif type. Bottom-right card shows a mechanic at a car wheel with darkened overlay; bold ATU wordmark and "60%" less phone time for staff. All cards share rounded corners and white type over photography.
Key takeaway
The asymmetric bento ratio: one narrative card with headline plus multi-stat footer, flanked by single-metric teaser cards. Oversized serif percentages do the persuasion while photos supply vertical context without extra UI chrome. One small CTA above the grid keeps the section scannable.
Reuse notes
Ideal for enterprise SaaS social proof where each customer story has a hero metric. Needs strong brand photography and readable logos; weak assets will collapse under the full-bleed treatment. Best on light pages with room for a wide grid; narrow viewports will need careful card stacking.
