Playlists show the main artwork and two images behind the main artwork, and each image has rounded corners. We accomplished this by creating an XML file containing a ConstraintLayout with three children of ShapeableImageView:
For playlists, the primary colors of the main artwork determine the image stack colors. We used the [Android palette library][] to make this happen. It has a simple API that picks the primary colors from images, which we can use as background colors for the stack.
If you need some help getting your branding up to scratch we recommend using The Soundplate Cover Art Generator to create playlist artwork and design covers for your music. You can also check out our directory of graphic design resources for music.
Also, the background colour of SoundCloud is white. You can create some nice-looking effects if you blend the edges of your banners into white. Or use black and white patterns when creating your banners. Doing this gives the effect that your artwork is mixing into the to your SoundCloud profile page.
Mixcloud obscures your banner artwork on all devices. You are asked to upload an image which is 1460px wide and 370px tall. But Mixcloud obscures the top and bottom portions of your banner image on the desktop.
Additionally, the visible portion of your artwork changes when your artwork is viewed via their mobile application. This makes it difficult to create a consistent looking banner between devices because the viewed part moves.
In the desktop version of Mixcloud, both your profile and banner artwork must be changed in your settings section. This section can be found by clicking on your artist name in the main menu and selecting the settings menu in the drop-down box.
To edit album artwork, hover your cursor over any existing artwork, the edit button will pop up and just click it. This will bring up a menu which allows you to alter track details. At the very bottom of the popup menu are the options which allow you to change your track picture. You will also find the options to create a slideshow in this section too.
Something I noticed to work really well is using the same artwork shapes in all of your tracks. My favourite type of such artwork is from a producer called Metsä. Not only does he use the same hexagonal shape in all of his tracks, but also he uses his own hexagonal logo in all of them. That makes you easily recognisable amongst all producers who use Tumblr pictures of girls as their artwork.
760c119bf3