Shazam Brand Takeover

Similar documents
Shazam Brand Takeover

GuidebookEDU Theme Guide. Theme details for branded apps.

Pre-Launch Model Showcase

CREATIVE SPECIFICATIONS

This document includes all the approved guidelines for UBU marketing in terms of logo usage and digital graphics.

New Cars - Hero Image Guidelines. High Impact Homepage. Desktop & Mobile Specifications

Anatomy & Asset Checklist. Reference this guide for detailed descriptions and specifications for each campaign asset.

Desktop Sponsorship Guidelines Updated February 2014

Online banner advertising specifications 2013

Designing Personalized Experiences For Your Brand

PROMOTION DESIGN GUIDE. Premium Template. easypromosapp.com

AD SPECIFICATIONS - FEBRUARY 2018

DIGITAL AD SPECS. Rectangle Dimensions: 300x250. File Size: 60 kb Max. File Format: JPG, PNG, GIF, ad tags Animation: GIF, HTML5, 15 sec max; IBV

PRINT SPECIFICATIONS GENERAL REQUIREMENTS

Agencies Don t Have to be Chaotic. 5 Expert Tips from C3

UNIVERSAL SKIN GUIDELINES

Blackfoot Brand Playbook

INDUSTRY SITES AD SPECIFICATIONS

Online Creative Production Guidelines

New Cars - Hero Image Guidelines. High Impact Homepage. Desktop & Mobile Specifications

SNAP ADS Creative Guidelines & Specs

Advertising Campaign Conventions & Best Practices

Lanyon Mobile ios Artwork Specification for iphone, itouch & ipad

2013 Specs NRN.com. NOTE: Penton Media uses DoubleClick DART for all of its ad serving.

PASANTE IMAGE & RESOURCE PORTAL User Guide

Digital Specifications.

175 th Anniversary logo

Version 1.4. Access Workspace marketing guidelines

DISPLAY GUIDELINES. December 2018

STACKS BRAND GUIDELINES

Apple News Apple Advertising Platforms Specifications November 2017

Online Advertising Specification

branding standards and guidelines Edition 5.4

Online Advertising Specification

Westpac Video Guidelines.

BRANDING SERVICES > DESIGN SERVICES > ILLUSTRATION SERVICES > Creative Freelancer

FAMILY RESOURCE NETWORK BRANDING STYLE GUIDE FIRST THINGS FIRST FAMILY RESOURCE NETWORK MARCH 2014 VERSION 1.2

Getting Started with everydayhero

CORPORATE IDENTITY 2017 For internal use.

SKYSCRAPER. 40kb for GIF/JPEG Formats: GIF, JPEG, HTML. Available on all pages; 1 per page. Available on all pages; 1 per page.

DIGITAL TECHNICAL SPECS

BRAND & STYLE GUIDELINES

KNOWLEDGE MANAGEMENT (SHAREPOINT ADD-IN)

Online banner advertising specifications 2013

Apple News Apple Advertising Platforms Specifications May 2018

HSE DIVISIONS HOSPITAL GROUPS COMMUNITY HEALTH ORGANISATIONS HEALTH CAMPAIGNS #ourhealthservice

Display Guidelines UCAS Media 2018

Best Practices Guide for Payments. Android August 2018

Banner Advertising Technical Specifications

Questions on designing mobile applications? Please contact: the corporate design team [1]

AD SPECIFICATIONS. Standard Banners. Site Served. Creative. Animation DAA Ad Marker * Raw Assets Delivery. Availability. Metrics

PRODUCTION GUIDE. Adform Skin (836x x x x x754)

Qdos Website Guide. Version 3 01/02/2011

SUBSURFACE INSTRUMENTS, INC.

General Reproduction and Usage Guidelines Bizrate Insights Updated 13 Aug, 2018

DIGITAL AD SPECS. Rectangle Dimensions: 300x250. File Size: 60 kb Max. File Format: JPG, PNG, GIF, ad tags Animation: GIF, HTML5, 15 sec max; IBV

KIDSPOT DISPLAY SPECIFICATIONS

RFID Journal LIVE! Exhibitor Marketing Tools and Services

Display guidelines UCAS Media Version 1.0

Christmas Card Final Image Preview Coach Christian s Example Ctrl+N 1920px 1200px RGB 72 pixels/inch Rectangle Tool (U)

General Reproduction and Usage Guidelines Bizrate Insights Updated 23 Oct, 2017

Westpac Asia Website Guidelines. Updated Feb 2015

CQ Campaigns Top-10 components

CORPORATE IDENTITY 2017 For internal use.

Your digital thought partners. CASE STUDY Thomson Reuters. Agile development LAUNCH PORTAL

REQUIRED CREATIVE ASSETS

Apple News Identity Guidelines

ONLINE BANNER ADVERTISING SPECIFICATIONS 2014

Implementation Guide

Amazon Marketing Services User Guide

Mobile Rich Media - Ad Specs streambox scroller sticker spotlight streambox embeds video natively within the content subtitles available collects user

Technical Specifications Responsive Takeover

Partner Branding Manual

Center Stage. Desktop Mobile Tablet. General Guidelines

MARMOL BRAND GUIDELINES APRIL Powered by TECKpert.com

20 DIGITAL BRAND 18 SPECS

Java Licensing Logo Guidelines. Java licensing logo Guidelines

HEALIO.COM ADVERTISING SPECIFICATIONS

AMPLIFY AUSTIN Brand Guidelines. I Live Here I Give Here January, 2019

CITY OF WOLVERHAMPTON

Getting Started. with CoverPage TM. Digital publishing tools for creative professionals.

Center Stage 0.46% 11 SECS 0.30% 0.76% Desktop Mobile Tablet. General Guidelines

BUS BLADE OPTION RAIL BLADE OPTION MULTI-MODAL BLADE OPTION. File Naming Key for All Visual Concepts:

ONLINE BANNER ADVERTISING SPECIFICATIONS 2015

DIGITAL TECHNICAL SPECS

Digital Signage Content Creation Guidelines

AD GUIDELINES & SPECS: WEBSITES

API GUIDELINES DRAFT

2018 Digital Media Information

The Economist Apps. Advertising specs

ONLINE BANNER ADVERTISING SPECIFICATIONS 2014

2019 media kit. modernretina.modernmedicine.com

Access comprehensive rates and specs from one convenient location to see how our recruitment solutions measure up to your clients needs.

Brand Identity Guide. September 2017

master ad specifications.

Ad Specs.

Step 1 - Learning & Discovery

SPECIFICATIONS AND FAQ

Adobe CC as Wireframe and Web Design Tool

What we offer. Our Components. What we offer. Banners. Expandables. Interstitals

Transcription:

Shazam Brand Takeover Design & Technical Guidelines v1.0 Copyright Shazam Entertainment Limited 2002 to present. All rights reserved.

Shazam Brand Takeover Introduction Premium Impact 3 Premium Impact. Takeover Shazam. Put your brand at the intersection of discovery with a beautiful 100% SOV brand integration into Shazam s refreshed design. This document outlines Shazam s creative guidelines and best practices to help partners and creative agencies seamlessly reach Shazam s users with the Shazam Brand Takeover unit.

Shazam Brand Takeover Introduction Contents 4 Inside you ll find... Introduction Premium Impact Contents The Experience Home Listening Technical Specifications Asset Delivery Creative Guidelines The Ad Background Color Color Formula Best Practices Creative Examples Approvals Process A Guide Contacts Advertising & Creative Contacts

Shazam Brand Takeover The Experience 5 The Experience.

Shazam Brand Takeover The Experience Home 6 Home. The Takeover is loaded when a user opens Shazam. The experience will run for an entire day on a user s device at 100% share of voice.

Shazam Brand Takeover The Experience Listening 7 Listening. Once a user taps to Shazam, the Takeover remains on screen throughout the Shazam listening experience. Reach users during their moments of discovery.

Shazam Brand Takeover Technical Specifications 8 Technical Specifications.

Shazam Brand Takeover Technical Specifications Asset Delivery 9 Asset Delivery. Partners are required to submit the following graphics and values for review. 1. Background Color Solid Background Color One RGB color value No patterns, gradients or other imagery are supported. Refer to page 13 for guidance. 2. The Ad 1000px 500px (2:1 ratio) JPEG or PNG file with alpha transparency or fading to the background color Below 80kb GIFs/animations are not supported 2:1 image 3. Campaign URL Single URL click-thru (Destination URL must be mobile optimized and keep the user in-app. URLs cannot open externally or link directly to another app or App/Play Stores.)

Shazam Brand Takeover Creative Guidelines 10 Creative Guidelines.

Shazam Brand Takeover Creative Guidelines The Ad 11 The Ad. Ad creative must meet the following requirements. Avoiding a clash with Shazam s user interface Ad creative cannot resemble Shazam s iconic button or carry any Shazam branding Excluded Categories Weight loss Gambling Overtly sexual advertisements CTAs Calls-to-action must be text based, not buttons They should avoid being exclamatory ( BUY NOW! ) (Please contact your Shazam representative for a full list of excluded categories) Ad Composition Aim to have no more than ¼ of your ad as copy *Final ad creative may not be approved if they do not meet all guidelines.

Shazam Brand Takeover Creative Guidelines Background Color 12 Background Color. You can customize Shazam to match your brand or advertising campaign colors. When picking a color the following requirements must be met: Don t obscure Shazam s user interface Always ensure your color allows for sufficient contrast between it and Shazam s homepage elements. The Shazam button, primary navigation and other homepage Color Range At Shazam, we use a value called luminance to decide whether a color is sufficiently dark enough to compliment and contrast the Shazam UI. UI elements must be perfectly visible (use the official Photoshop template to test). Do not edit any element of Shazam s core user interface (positioning or style). If you are creating a Shazam Brand Takeover internally, we suggest your design/creative department use professional judgement to select an appropriate color. Excluded Colors Shazam will work with you to get this right. Solid white (#FFFFFF) Light shades of any color However, using your color s RGB value, you can test its luminance using the formula on the following page...

Shazam Brand Takeover Creative Guidelines Color Formula 13 Color Formula. Background colors are required to have a luminance value below 0.6 Testing your color EXAMPLE BRAND PURPLE R139 G25 B206 You can test your brand or campaign color s luminance using its RGB value and the following formula: Luminance ½ RGB MAX + 255 RGB MIN 255 ½ 206 25 = + 255 255 0.45 Show me how this works... Take a look at the example calculation opposite*. Success! (*Don t worry, we haven t practised this much arithmetic since school either!) Our example brand color has a luminance value of 0.45 (which is < 0.6) confirming it will work well on the Shazam homepage.

Shazam Brand Takeover Creative Guidelines Best Practices 14

Shazam Brand Takeover Creative Examples 15 Creative Examples.

Shazam Brand Takeover Approvals Process 18 Approvals Process.

Shazam Brand Takeover Approvals Process Guide 19 If Shazam is designing your brand s Takeover - which we would love to do: 1 2 3 Send over your brand/identity guidelines, campaign creative assets and any other information that may help us produce your campaign take over. Please allow up to 48 hours for an initial mock to be created by our design team. We ll share some initial mocks with you, then work with your team to get final approvals. We will allow up to 2 rounds of amends if required. Please allow up to 24 hours for each round of amend to be made by our team. Once approved we will send the final creative to our AdOps team for testing and trafficking to ensure the creatives works perfectly. Please allow up to 48 hours for you creatives to be trafficked.

Shazam Brand Takeover Approvals Process Guide 20 If you or your creative agency is developing the Takeover: 1 2 3 4 Share this document with them so Pick a background color within our Design your 2:1 ad creative Once everything has been approved they can carefully review the specs approved color luminance range - following our creative guidelines we will send the creative over to be and requirements. you can use this nifty tool here to and send them to us for approval. tested and trafficked by our AdOps check: team. www.shazam.com/brands/color We will accommodate up to 2 rounds of amends to ensure that Please allow up to 48 hours for you everything works perfectly. creatives to be trafficked. Please allow up to 24 hours for each round of feedback from us.

Shazam Brand Takeover Contacts 21 Contacts.

Shazam Brand Takeover Contacts Advertising & Creative 22 Your Account Management/Client Services contact SHAZAM US Anna Nguyen Sr. Director of Account Management, Ad Sales anna.nguyen@shazam.com SHAZAM INTERNATIONAL Hollie Parlour Director of Client Services, Ad Sales hollie.parlour@shazam.com Copyright Shazam Entertainment Limited 2002 to present. All rights reserved.