![](https://freight.cargo.site/t/original/i/887fc8a38f32350bcc1b245537fa98236af57831119a8d0337cdecc51d18c289/HeatherNoddings_TikTok_MusicIdentity_DiscoverBanner_InSitu.jpg)
OVERVIEW
The influence of TikTok on the music industry in undeniable, with real-time impact appearing on streaming and global charts. The TikTok Music Design System was designed to create a recognizable framework for music content on and off the platform.
COLLABORATORS
GLOBAL BRAND
Heather Noddings, Francis Mekhail, Raisa Janjua, Vanessa Ong
MUSIC EDITORIAL & MARKETING
William Gruger, James Underwood
AGENCY PARTNER
Grand Army
GLOBAL BRAND
Heather Noddings, Francis Mekhail, Raisa Janjua, Vanessa Ong
MUSIC EDITORIAL & MARKETING
William Gruger, James Underwood
AGENCY PARTNER
Grand Army
ROLE & RESPONSIBILITIES
Global Brand Design Lead
Global Brand Design Lead
TikTok moves fast, and the music vertical is no exception. Artist assets come in a wide range of colors, styles and moods — often at the last minute. To create cohesion, campaign color is pulled from artist photography and then matched to the extended brand color palette.
![](https://freight.cargo.site/t/original/i/6b99c1c75decd93ef992134eb13986eb82bcb05f270668e6d1cc0304c87d6e09/HeatherNoddings_TikTokMusic_ColorPalette.png)
![](https://freight.cargo.site/t/original/i/6624fe20899d83680d7f23b49befe02e3a23b4e2d450bbff5a152865963033bd/HeatherNoddings_TikTokMusic_ColorSelection.png)
![](https://freight.cargo.site/t/original/i/5c8bb90fb3ab5ee6cc61bda876fe7c48abe8182403713d175fa4860814cab6da/HeatherNoddings_TikTokMusic_SelectingColor.png)
![](https://freight.cargo.site/t/original/i/facd998210ce251fc64a40e705d298e42fcbb16dff7be90ec08e9ca71bd2585e/TikTokMusic_AlbumColorGrid.jpg)
Typography stickers add a hit of color and layer text in the way found natively in-app. Paired with the music-specific set of icons, the system creates an emotive element that shows up consistently across campaigns.
![](https://freight.cargo.site/t/original/i/43650c1d449c7cb408ba17f6c32926f5451442231d34f3c5b7e2ded1aec7406d/HeatherNoddings_TikTokMusic_IconsStickers.png)
![](https://freight.cargo.site/t/original/i/55462296df6039fbb499602828147e48ec63a766f40cc4feecededcf07f30554/TikTokMusic_Icons-Stickers.jpg)
It all comes together into a highly flexible system that works across genres, and placements on- and off-platform.
︎
![](https://freight.cargo.site/t/original/i/0773e1e776f6589ca8780a1fbc13281dfd0df3fc629ffa6891722e4d8ef5ca2a/TikTokMusic_InAppAssets.jpg)
![](https://freight.cargo.site/t/original/i/b9e1fc494119c0bfee920c429bdc7e19493a2048c0178d40b363fcae4e6b6e73/TikTokMusic_Lockup-Stickers.jpg)