Background gradient studio

Static surface studio

Soft colour fields for editorial cards and product screenshots. Choose a composition, adjust its crop, and take the same surface into any page.

Composition

<GradientSurface
  palette="/work/vainu"
  composition="fold"
  seed={2}
  grain={0.09}
  className="aspect-video rounded-2xl"
/>

Use the site theme toggle to preview both palettes. Published surfaces are static CSS with no animation or editor JavaScript.