ContentavailablethroughSpotifyisownedbymanydifferentrightsholders.IfyouuseanySpotifymetadata(includingartist,albumandtracknames,albumartwork,andaudioplayback)itmustalwaysbeaccompaniedbytheSpotifybrand.
Fulllogo
Icon
YES
Theartworkmustbekeptinitsoriginalform,anditscornersroundedaccordingtotheguidelinesbelow.
NO
Don’tcroptheartworkinanyway.
Don’toverlayimagesortextontopoftheartwork.Don’tcovertheartworkwithplaybackcontrols.
Don’tplaceyourbrandorlogoontopofalbumartwork.
Forpodcasts,twosetsofmetadataneedtobesupported:
Werecommendusingtwolinesinyourlayoutforthetitleoftheepisode,sincepodcastepisodesoftenhavelongertitlesthanmusic.Thethirdlineisthenusedforthepodcastname.
Foraudiobooks,twosetsofmetadataneedtobesupportedandoneissuggested.
Yourlayoutshouldbeabletoaccommodatethesecharactercounts:
Thefullrow(shelf)intheviewshouldbededicatedtoSpotifycontent.
Spotifycontentshouldneverbeseatednexttocontentfromsimilarservices.
OnaplatformwhereSpotifyalreadyexists.IfyouhavebuiltanintegrationonaplatformwheretheSpotifyclientexists(mobileanddesktopintegrations),alwayslinktotheSpotifyapp.TheSpotifyappisthedefaultplaybackmechanism.ForfullaccesstoSpotifyfunctionality,usersshouldbedirectedtotheSpotifyapplicationinstalledonthepartnerplatform.Iftheappisnotinstalled,theusershouldbedirectedtotheappstoresothattheycaninstallSpotify.
IfyouuseanySpotifymetadata(includingartist,albumandtracknames,albumartworkandaudioplayback)itmustalwayslinkbacktotheSpotifyService.
Itisrecommendedthatnoplaycontrolsotherthanplay/pauseareprovidedinyourapp.
Ifyouchoosetoshowplaycontrolsinyourapp,thefollowingrequirementsneedtobefollowed:
Whentheusertriestoperformarestrictedactionyoumaydisplaythismessaging.
SpotifyPremiumletsyouplayanytrack,podcastepisodeoraudiobook,ad-freeandwithbetteraudioquality.Gotospotify.com/premiumtotryitforfree.
InallplaybackviewswherecontentfromSpotifyisplaying(fullscreenviews,widgets,bars,skippedsongnotifications)makesuretofollowtheseguidelines:
DO
TheLikefeatureshouldsignalbacktoSpotifyandthelikedcontentmustnotbesavedbythepartner.Whentheusertapsthe+icon,theyarelikingasongorepisode.Theiconshouldchangetoitsactivestateandshowamessagesaying"AddedtoLikedSongs"or"NewEpisodes".Iftheusertapsthe+iconagaintounlikethesong,showamessagesaying"RemovedfromLikedSongs"or"RemovedfromNewEpisodes".Thelikeactionisalwaysrepresentedwiththe+iconandcanbedownloadedhere:
StatesfortheLikeicon
InSpotifyFree,foron-demandplaybackandshuffleplay.
ForSpotifyFree,youhavetosupporttwotypesoflayoutsfortracklistswhenshowingaplaylist/albumentity:
Foron-demandplayback,theuserwillbeabletoseeandplayalltracksintheplaylist/album.
Weareveryproudofourlogo.Followtheseguidelinestoensureitalwayslooksitsbest.
Ourfulllogoisthecombinationofourlogoiconandthewordmark.
Ouriconisashorterversionofourlogo.UsetheicononitsownonlyifyoudonothaveenoughroomforthefulllogoorincaseswhentheSpotifybrandhasalreadybeenestablished.Whiletheiconcanexistwithoutthewordmark,thewordmarkshouldneverexistwithouttheicon.
TheSpotifygreenlogo,picturedtopleft,isourprimarylogocolorway,anditshouldonlybeusedwithblack,white,andnon-duotonedphotography.
TheSpotifygreenlogoshouldonlybeusedonablackorwhitebackground,foranyotherbackgroundyoushoulduseamonochromelogo.
Theblacklogoshouldbeusedonlightcoloredbackgrounds.Thewhitelogoshouldbeusedondarkcoloredbackgrounds.
TheSpotifylogoshouldneverbesmallerthan70pxindigitalor20mminprint.
TheSpotifyiconshouldneverbesmallerthan21pxindigitalor6mminprint.
Dogetcreativewithsurprisingcolorcombinations
Dochoosecolorswithhighcontrasttoensureaccessibility
Werecommendyoutousethedefaultsans-seriffontfortheplatformyouareworkingon.Trycommonlyavailabledefaultsinthisorder:
Foradditionalprogrammingresources,checkoutStackOverflow(tag:Spotify).