LEAKED: Twitter’s Music App will integrate Spotify, Rdio, iTunes, Soundcloud, Vevo and Youtube

Today, I came across http://music.twitter.com. Naturally, I inspected the HTML source just to see if there were any :hidden gems. There were none, bar one curious line of code that caught my eye. The image for the ‘Sign In’ button linked to the /_login/ directory — and so my journey began.

background: url(/_login/btn-login-states.png) no-repeat 0 0;

When I visited /_login/ I was presented with a page that looks something like a 404.

Following my curiosity, I inspected the source of this new page. This time, the CSS document was a lot different. It contained the entirety of the App’s UI. A quick scan revealed a whole lot of words that implicate a very clear picture of what Twitter intends to do with this new Music product.

First, it’s an App, which I guess was obvious; but it seems there will be a mobile app and desktop app (web), as indicated in the page footer.

<!--a href="/download">Get the App</a-->

Users will be able to connect with Spotify, Rdio, iTunes, Soundcloud, Vevo and Youtube.

.iconmusic-spotify-connect-btn{background-position:-4431px -0px;height:32px;width:179px}

.iconmusic-player-source-rdio{background-position:-2801px -0px;height:19px;width:30px}

.iconmusic-player-source-itunes{background-position:-2751px -0px;height:19px;width:30px}

.iconmusic-player-source-soundcloud{background-position:- 2851px -0px;height:14px;width:92px}

.iconmusic-player-source-vevo{background-position:-2963px -0px;height:9px;width:53px}

.youtube-vid player{position:absolute;padding:10px;height:200px}

The music controller even looks like a CD. oooh!

Users –or should that be customers?– will be able to buy songs.

.iconmusic-player-btn-buy{background-position:-1167px -0px;height:49px;width:49px}

There will be explicit content.

Users will be able to follow other users, presumably this will be unrelated to their Twitter followers/following lists.

.iconmusic-profile-large-following-btn{background-position:-2046px -0px;height:36px;width:70px}

There will be charts and shows, whatever they are. Perhaps charts will work similar to trending topics.

.iconmusic-menu-charts{background-position:-142px -0px;height:28px;width:28px}

.iconmusic-menu-shows{background-position:-190px -0px;height:19px;width:29px}

Font is Proxima Nova, distinct from Twitter’s use of Helvetica.

html,body{font-family:ProximaNova-Bold,HelveticaNeue,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:bold;font-size:14px;}

Users will be able to compose Tweets from the music app.

.iconmusic-compose-tweet-btn-bg{background-position:-3305px -0px;height:27px;width:65px}

Artists will have Biographies.


I often spot things like this, so if you liked this post you can follow me on Twitter.


Twitter have since replaced the CSS file with this file. They have also removed all unnecessary image assets.


Now read this

Terrible copywriting on Apple.com

Apple just updated their iPhone page with a “Why iPhone” tab. Undoubtedly created to swoon any potential customers that may be debating between the recently announced Samsung Galaxy S4 and not-so-new iPhone 5. With examples, I plan to... Continue →