Pastel Filters Screen

This SwiftUI template can be downloaded and opened in DetailsPro on iPhone, iPad, and Mac.
Open in DetailsPro

This design is our Design of the Week for March 25th, 2022, and a companion to Issue 24 of UI Designer Weekly. Check out the latest issue on the DetailsPro blog!

This design really highlights two elements in this issue: background colors that change the whole feeling of a design and gradients that help elements stand out.

Pastel Filters Screen imagines a homepage of a photo editing app that highlights filters with an example photo taken with each filter, with a big image placement and playful, charming layout where each filter alternates side-by-side down the screen (Check out the usage of the Frame modifier’s alignment for how this is done!)

Each image has a narrow, shiny gradient background behind it that helps the picture pop.

Try changing this design into something entirely new, or experiment with the background color to see what other feelings you can find. And see you next week for the next issue of UI Designer Weekly!