Lab and Playground generative gradient experiments

Summary

A portfolio cover introducing three WebGL and generative art experiments: a red-brown color-shift triangle, a purple-to-cream gradient diamond, and a layered blue morphing shape, each labeled with technique.

Visual description

White background with headline "Lab and playground" (black sans-serif, large and flush-left). Three distinct generative shapes float horizontally at different depths: left, a red-to-brown gradient triangle with scattered highlights (labeled "Image Amplify"); center, a purple-white-to-cream gradient diamond with soft blur (labeled "Reframe Image Effect"); right, a bright blue geometric form with layered concentric curves suggesting depth and motion (labeled "Morphing WebGL Blobs"). Small navigation circle (.01/12) and arrow sit in the top-right. The composition uses white space and gradient variation to create visual rhythm without pattern or texture.

Key takeaway

The comparison layout (three distinct techniques shown side-by-side in one frame). The gradient as a primary material (each shape uses subtle and distinct color transitions; this is not flat design, but it feels minimal). The labeling strategy (small sans-serif captions ground each experiment without competing with the visuals).

Reuse notes

Ideal for design-tech portfolios, creative agency landings, and software capability showcases. The technique-focused presentation works best when each example demonstrates a genuinely different approach. White space is critical; pack too many experiments and the elegance breaks. Gradients and bloom effects may need optimization for smaller viewports.