ShotmeshOpen editor
Classic preset

Slate gradient background

Slate gray to charcoal, fully neutral.

  • #475569
  • #0F172A
Slate gradient background behind a dashboard screenshot in a browser frame

Best for

Documentation, comparison screenshots, anything where the UI must be the only color.

Pairs with

Light or dark frame, minimal annotations.

Editable layers

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

How to use it

Put a screenshot on Slate

  1. 01

    Open the preset

    Click "Open in editor" above. The editor loads with Slate 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 Classic

Same family, different mood

Start with Slate

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

Open in editor