Preview image. Unlock full-res
Colorful 2x2 portfolio grid showcasing four case studies with device mockups on bold solid and gradient backgrounds.
Summary
A four-tile work grid with phone, laptop, and browser mockups on saturated blue, purple gradient, deep purple, and product-photo backgrounds, each captioned in all-caps with an arrow link.
Visual description
2x2 grid on white page. Top-left: phone on cobalt blue showing Superhi mobile site with colorful illustrations; caption "BRAND REFRESH FOR SUPERHI." Top-right: laptop on purple-blue gradient showing AssemblyAI hero with API CTA; caption "A COHESIVE BRAND SYSTEM FOR ASSEMBLYAI." Bottom-left: browser on deep purple showing Webflow Masterclass dark landing; caption "REVAMPING WEBFLOW MASTERCLASS." Bottom-right: flat-lay photo of Gatheround card game packaging on neutral surface; caption "GRAPHIC DESIGN SUPPORT FOR GATHEROUND." Each caption has a small upward arrow icon.
Key takeaway
Letting each tile use its own background color pulled from the project rather than a uniform grid. Mixing digital mockups with physical product photography adds range. Minimal captions with arrow affordance keep focus on the visuals.
Reuse notes
Ideal for agency work pages with four strong case studies. Needs distinct project art direction per tile; weak thumbnails will feel chaotic. Arrow-plus-caption pattern scales to larger grids.
