Minimal Samsung Galaxy S8 Mockups
Last Updated on August 23, 2026 by Editorial Team
A free set of minimal Samsung Galaxy S8 mockups made for Sketch App.
The set contains three mockups:
- a light version of the device
- a dark version
- a wireframe version
Created by Fedza Miralem, a product designer from Sweden. Happy downloading!
What makes this Galaxy S8 mockup worth keeping in your toolkit is how quiet it stays out of the way of the screen content.
The frame here is a dark navy, almost midnight blue, with the signature curved edges and slim bezels that made the S8 stand out when it launched. Side buttons, the front camera notch, and the bottom navigation icons are all rendered with a light touch rather than heavy realism, so the device reads as a phone without pulling attention away from whatever screenshot or UI you drop inside it.
The soft white circle floating behind the phone against a pale blue background is a nice detail. It gives the mockup a bit of staged depth without turning it into a full lifestyle scene, which keeps the focus purely on the product and the interface you are showcasing.
That pastel teal-to-pink gradient sitting in the display right now is just a placeholder, but it hints at how well this mockup handles color. Because the frame is dark and understated, both moody dark-mode UI and bright, saturated app screens will sit comfortably inside it.
This kind of minimal Samsung mockup is built for exactly the situations where a Galaxy phone mockup gets used most: showing off a mobile app screen, presenting a responsive website on Android, or putting together a Dribbble shot, portfolio case study, or app store listing that needs an Android-specific frame rather than the default iPhone treatment.
Having three device mockups in one set (light, dark, and wireframe) is genuinely useful for real project workflows.
The light and dark versions let you match the mockup’s mood to your UI, whether you’re presenting a bright consumer app or a dark-themed dashboard.
The wireframe version is the one worth pointing out separately, since it’s suited to early-stage presentations, low-fidelity flows, or client decks where you want to communicate structure and layout before visual design is finalized.
Placing Your Screens Inside the Frame
Working with a Sketch-based device mockup like this is straightforward once you know where the screen layer sits in the layer list.
Drop your app screen or webpage screenshot into the designated screen area, resize it to fill the boundary, and let the phone’s rounded corners and any overlay shadows clip it automatically if the file is built with a mask.
If there’s no mask, you may need to manually round the corners of your image to match the curve of the S8’s display.
From there, treat the background circle and canvas color as your own design decision.
Swap the pale blue for your brand color, or drop the phone onto a transparent background so you can place it directly into a larger composition, like a website hero section or a slide deck.
Since the mockup is minimal by design, it also pairs easily with other elements: add a second or third phone at a smaller scale for a multi-screen app showcase, group it alongside a tablet or desktop mockup for a full responsive-design presentation, or place it next to product copy and a call-to-action for a marketing page promoting an Android app.
