VPN Client App Screenshot Template — Open Route

The story the slides tell

Panoramic map motif: globe meridians and route arcs continue slide to slide behind a focused phone; no speed or privacy claims.

1. Slide one — promise: shows connection, decorated with globe meridians and route arcs. Example copy: “Manage your connection in one place.” / “See the status of your selected VPN connection.”
2. Slide two — primary feature: shows locations, decorated with globe meridians and route arcs. Example copy: “Choose an available location.” / “Browse the servers offered by your provider.”
3. Slide three — secondary feature: shows server detail, decorated with globe meridians and route arcs. Example copy: “Review before you connect.” / “Check the connection information available to you.”
4. Slide four — personalisation: shows settings, decorated with globe meridians and route arcs. Example copy: “Set your connection preferences.” / “Adjust the supported options for your setup.”
5. Slide five — closing: shows diagnostics, decorated with globe meridians and route arcs. Example copy: “Know when something needs attention.” / “View connection messages and diagnostic information.”

How to use Open Route

1. Open the template in Screenshot Studio. “Use this template” opens a new-project dialog in your browser; nothing is saved until you choose Create.
2. Upload and map your app screenshots. Slots are named Connection, Locations, Server detail, Settings, Diagnostics.
3. Edit the headlines and supporting descriptions. Click any text on the canvas or use the copy table for every language.
4. Apply your colours, fonts and target sizes. Brand kits and per-size adjustments keep the master layout intact.
5. Preview, validate and export. Validation flags empty slots, overflowing text and missing fonts before the PNG export.

Advice for this template

• Use a connection screen for slide one, a locations screen for slide two, a server detail screen for slide three, then settings and diagnostics screens for slides four and five.
• 1 slot is a zoomed close-up; supply a separate capture (or the same one, then pan the crop) so the detail stays sharp.
• Background artwork runs across slide edges; keep slides in order when exporting so the seams join.
• On this dark palette, check that small screenshot text still reads in Preview at store size.
• Use legible editor captures and keep code examples large enough to read in the final artwork.

Questions

Which app screens work best in this template?

In order: connection, locations, server detail, settings and diagnostics. Each slide has a named screenshot slot so captures map by position.

Can I replace the device frame?

Yes. Each screenshot slot can switch between the generic drawn frame styles (including frameless cards). Realistic manufacturer device artwork is not bundled.

Can I change the gradient colors?

Yes. The background is an ordinary editable gradient; the template also offers a matching solid colour and an alternate light/dark treatment.

Can I use this design for both platforms?

Yes. Projects can target App Store and Google Play sizes together. The master layout is 1320 × 2868; other sizes are resized proportionally, and you can adjust any size individually.

Which parts remain editable?

Every headline and description, screenshot slot, background and SVG decoration is an ordinary named layer you can edit, recolour, move, hide or delete.