Shotmesh for Chrome is live. Grab any tab straight into the editor.
ShotmeshOpen editor
Studio preset

Pewter gradient background

Slate blue to pale gray, almost neutral.

Open in editor All backgrounds
  • #727A9A
  • #D8DBE9
Pewter gradient background behind a dashboard screenshot in a browser frame

Best for

Documentation, comparison shots, enterprise screenshots.

Pairs with

Light browser frame, dark text.

Editable layers

2 color stops at 315 degrees. Change any stop, the angle, or add a third color.

How to use it

Put a screenshot on Pewter

  1. 01

    Open the preset

    Click "Open in editor" above. The editor loads with Pewter already applied to the canvas.

  2. 02

    Paste your screenshot

    Cmd+V or drag a file in. Add a window frame, padding and shadow from the right panel. Run the privacy scan if there is anything sensitive.

  3. 03

    Export

    PNG for a static post. GIF or MP4 if you want the mesh to move. The GIF is compressed under the 15MB X limit automatically.

More Studio

Same family, different mood

Works well with

Tools that use this background

Code

Make a code screenshot worth posting

Motion

Turn a static screenshot into a looping GIF

For X

Make a screenshot that looks right on X

Motion

Make a screenshot mockup that moves

Start with Pewter

It is loaded and waiting. Paste a screenshot and export in under a minute.

Open in editor