ShotmeshOpen editor
Linear preset

Northern gradient background

Teal to green to blue, a linear take on the aurora.

Open in editor All backgrounds
  • #022C22
  • #059669
  • #A7F3D0
Northern gradient background behind a dashboard screenshot in a browser frame

Best for

Data and infrastructure tools, dark-mode dashboards.

Pairs with

Dark frame, mint arrows.

Editable layers

3 color stops at 135 degrees. Change any stop, the angle, or add a third color.

How to use it

Put a screenshot on Northern

  1. 01

    Open the preset

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

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 Northern

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

Open in editor