Playr – App Landing Page
Last Updated on July 26, 2026 by Editorial Team
A freebie containing 2 items: an app for music enthusiasts and a landing page template for showcasing the app.
Features:
- the app includes 5 mobile screens (.PSD files): intro, login, create account, chat and main
- the landing page includes 4 screens (.PSD files): home, features, about and contact us
- Google free fonts used
Designed and shared by Johnny Martinez, a graphic designer from Buenos Aires – Argentina.
The Playr concept builds its whole identity around one simple shape: a play button.
You can see it repeated across the logo, the intro screen, and even the send-message icon in the chat screen, which keeps the branding consistent without needing much extra ornamentation.
That green gradient, moving from a deep teal into a brighter emerald, is doing a lot of the visual work here. It gives the whole app a lively, current feel that suits a music discovery product without leaning on loud colors or clutter.
Looking at the actual screens, the interface follows a clean, minimal UI pattern: generous white space around form fields, pill-shaped input boxes with subtle borders, and simple sans-serif type that stays legible against the gradient background.
The login and create-account screens are stripped down to just what’s needed, which makes them a solid reference if you’re designing onboarding flows for a mobile app and want to see how much can be communicated with a headline, a couple of fields, and a single button.
The main feed screen shifts to a white background with photo tiles of concerts and performers, showing how the same brand can flex between a bold gradient mood and a more neutral, content-first layout. The chat screen carries that same white-and-green pairing into a messaging interface, with rounded bubbles and a soft gradient header photo.
Using the App Screens and Landing Page Together
Because this freebie pairs mobile UI screens with a matching landing page, it’s especially useful for anyone putting together a portfolio case study or a client pitch for a music, media, or entertainment app.
You get both ends of the presentation: the product itself and the marketing page meant to sell it, which saves you from having to invent a cohesive visual system from scratch.
If you’re mocking up an app landing page for a streaming service, a concert discovery tool, or any social feature built around chat and content feeds, this set gives you a realistic starting point rather than a generic template.
When adapting it, start by swapping out the logo and the color gradient in your editor’s fill or gradient tool, since the play-button mark and teal-to-green transition are the most recognizable brand elements.
From there, replace the photography in the feed and about sections with your own imagery, keeping the same tile proportions so the layout doesn’t shift awkwardly.
Text fields and button labels can be updated directly since the layouts use simple, readable type rather than heavily stylized lettering, making global font swaps straightforward if you want to match an existing brand guide.
For presentation, this set works nicely dropped into a phone mockup for portfolio shots, or paired with device frames to show the login flow, chat screen, and landing page side by side as a single case study spread.
