specs sheet-042018...UI BUTTONS Use the Add to Apple Wallet badge and button when distributing your...
19
2018
Transcript of specs sheet-042018...UI BUTTONS Use the Add to Apple Wallet badge and button when distributing your...
Standard mediaInline videoInline video - Creative BuilderVertical videoPre-roll videoRich media interstitialExpandable interstitial360˚ interstitialPanoramic interstitialSlider interstitialHTML mediaAdd-to-Wallet
3456789
101 1121314
Standard Media
AD SPECIFICATIONS
Animated GIF
JPEG
PNG
FILE FORMATS
TYPE
DEVICE Tablet
PIXELSIZE 768 x 1024
MAXFILE SIZE
Smartphone
320 x 50
40 kb
Smartphoneand/or Tablet
300 x 250
75 kb
Banner
Tablet
728 x 90
100 kb
Interstitial
Smartphone
320 x 480
Inline Video
AD SPECIFICATIONS
Layered PSD¹
AI¹
BACKGROUND
mp4
VIDEO
15 seconds
30 seconds
16:9
ADVISEDPIXEL SIZE
VIDEO POSTERFORMAT
DEVICE
MAXFILE SIZE
VIDEOASPECT RATIO
9:16 3:4BACKGROUNDASPECT RATIO
Smartphone
1080 x 1920
Best Available
Tablet
768 x 1024
jpg
FORMAT
LENGTH
¹ Include linked assets and fonts (.ttf or .otf).
Inline Video
AD SPECIFICATIONS
mp4
VIDEO
15 seconds
30 seconds
logo
REQUIREDASSETS DIMENSIONS MAX
FILE SIZE
cta
background
posterwith play
posterwithout play
1080 x 640
1080 x 1920
1080 x 608
350 kb
450 kb
350 kb
FORMAT
png
jpg
FORMAT
LENGTH
16:9
ASPECT RATIO
LOGO
CTA
VIDEO ANDVIDEO POSTER
When using Gimbal’s Creative Builder, the placement of the elements is fixed. The video is always vertically centered as shown in the example. There are three main sections — Logo, Video, CTA — and a background.Please name the assets as shown in the table above.
If there is no need to include a logo or a CTA, upload a 1x1 pixel tranparent png so that the background shows through it instead.
CREATIVE BUILDER - SMARTPHONE
Vertical Video
AD SPECIFICATIONS
mp4
VIDEO
15 seconds
30 seconds
FORMAT
LENGTH
1080 x 1920 768 x 1024
9:16
jpg
ADVISEDPIXEL SIZE
DEVICE
MAXFILE SIZE
VIDEOASPECT RATIO
VIDEO POSTERFORMAT
Smartphone
Best Available
Tablet
Pre-Roll Video
AD SPECIFICATIONS
mp4
VIDEO
15 seconds
30 seconds
FORMAT
LENGTH
1920 x 1080 1024 x 768
16:9
ADVISEDPIXEL SIZE
DEVICE
MAXFILE SIZE
VIDEOASPECT RATIO
Smartphone
300 Mb
Tablet
DEVICE Smartphone Tablet
¹ Include linked assets and fonts (.ttf or .otf).
ADVISEDPIXEL SIZE 768 x 1024
MAXFILE SIZE
1080 x 1920
BACKGROUNDASPECT RATIO 3:49:16
Best Available
Rich Media Interstitial
AD SPECIFICATIONS
Provide a video preview or storyboard of the animations and/or interactions. If a preview is not available, the Gimbal Creative Studio will produce one for final approval.
Layered PSD¹
AI¹
FILE FORMATS
CTA OPTIONS
INTERACTION OPTIONS
NOTE:
360˚IMAGE
SAVECOUPON
DOWNLOADAPP
EMAILCOLLECTION
VIDEO
WEATHERTRIGGERED
TRANSPARENTBREAKOUT ANIMATION
CALL
SELFIE ADD TOCALENDAR
MAPLOCATION
TIMETRIGGERED
SHAKETILT
SOCIALMEDIA
WIPE OFFSCRATCH
VISIT SITE
COUNTDOWNPOP UP MINI GAME
SLIDER
BACKGROUNDASPECT RATIO
ADVISEDPIXEL SIZE
Tablet
768 x 1024
Best Available
Interstitial
Smartphone
1080 x 1920
3 : 49 : 16
¹ Include linked assets and fonts (.ttf or .otf).
² Banners only.³ See GWD HTML spec
sheet for details.
TYPE
DEVICE
PIXELSIZE
MAXFILE SIZE
TYPE
DEVICE
MAXFILE SIZE
Smartphone
320 x 50
40 kb
Smartphoneand/or Tablet
300 x 250
75 kb
Banner
Tablet
728 x 90
Expandable Interstitial
AD SPECIFICATIONS
Provide a video preview or story-board of all anima-tion and/or transition. If a preview is not available, the Gimbal Creative Studio will produce one for final approval.
Layered PSD¹
AI¹
JPG²
PNG²
Animated GIF²
HTML³
FILE FORMATS
NOTE:
360˚ Interstitial
AD SPECIFICATIONS
PIXEL SIZE
DEVICE
MAXFILE SIZE
FILEFORMAT
TYPE OFIMAGE
Smartphone
BestAvailable
jpg
Equirectangular
The interaction is activated either by tilting the device or by sliding the screen.NOTE:
SLIDEASPECTRATIO
16:9
3:4
Panoramic Interstitial
AD SPECIFICATIONS
Layered PSD¹
AI¹
FILE FORMATS
ADVISEDSLIDE
PIXEL SIZEDEVICE MAX
FILE SIZE
Smartphone 1920 heightunlimited width
BestAvailable
Tablet 1024 heightunlimited width
The interaction is activated either by tilting the device or by sliding the screen.Provide a video preview or storyboard of the animations and/or interactions. If a preview is not available, the Gimbal Creative Studio will produce one for final approval.
NOTE:
¹ Include linked assets and fonts (.ttf or .otf).
Slider Interstitial
AD SPECIFICATIONS
Layered PSD¹
AI¹
FILE FORMATS
ADVISEDSLIDE
PIXEL SIZEDEVICE MAX
FILE SIZE
Smartphone 1080 x 1920
BestAvailable
Tablet 768 x 1024
SLIDEASPECTRATIO
16:9
3:4
Provide a video preview or storyboard of the animations and/or interactions. If a preview is not available, the Gimbal Creative Studio will produce one for final approval.
NOTE:
The amount of slides will depend on the campaign’s KPIs, if you are looking for conversions keep it under 3, if you are looking for engagement, keep it under 5 slides.
BEST PRACTICES ADVICE:
¹ Include linked assets and fonts (.ttf or .otf).
HTML media
AD SPECIFICATIONS
Gimbal can run 320x50, 300x250, and 320x480 HTML ads. The units need to be made in Google Web Designer (GWD / version 1.9 or newer) under Banner option¹. If the units were made in a di�erent software, our Creative Studio can recreate the animations in GWD, as long as all of the assets and fonts are provided.
TYPE
PIXELSIZE
MAXFILE SIZE
320 x 50 300 x 250
Banner Interstitial
320 x 480
Best Available
ASSETS FORMATS
GWD (editable)¹
Layered PSD²
AI²
Please provide a video/HTML file preview of the animation.
NOTE:
¹ If the unit was made in GWD, please provide the raw folder.² Include linked assets and fonts (.ttf or .otf).
Add-To-Wallet
AD SPECIFICATIONS
icon¹
ACCEPTEDFORMAT
REQUIREDASSETS
BARCODE
COUPON
PIXELSIZE
MAXFILE SIZE
logo
strip image
87 x 87
QR PDF471 Aztec
480 x 150
1125 x 432
BestAvailable
FORMAT
jpg or png
Code128⁵
LABEL &DESCRIPTION
LOCATIONFOR PUSH⁴
FIELDS INFORMATION²
Header Secondaryand Auxiliary³ Back³
Latitude
Notification Text(Push Notification)
Longitude
CUSTOMACCEPTED
FORMAT
COLOR
Background Text
RGB
Label
¹ Icon will be displayed on the lock screen along with the Organization Name.² Not required information.³ Can include multiple entries.⁴ Up to 10 locations can be included. The Push Notification will only occur if at least one location has been entered.⁵ Not supported by Apple Watch.
COUPON — FRONT
Add-To-Wallet
AD SPECIFICATIONS
GOES TO BACK SIDECOUPON SERIAL
NUMBER
DESCRIPTION
This is a promotion
SECONDARY FIELDThese are the details about the coupon.
BRAND NAMESloganLOGOLOGO
STRIP IMAGE
HEADER FIELDS
CUSTOM COLORDESCRIPTION
BARCODE
SECONDARY FIELD
Add-To-Wallet
AD SPECIFICATIONS
COUPON — BACK
DESCRIPTIONORGANIZATION NAME
GOES TO FRONT SIDE
BACK FIELD 2
BACK FIELD 1
Add-To-Wallet
AD SPECIFICATIONS
BANNERS AND INTERSTITIAL
black
black with outline
USAGE GUIDELINES
ARTWORK
UI BUTTONS
Use the Add to Apple Wallet badge and button when distributing your coupon to give users a visual cue to add passes to Wallet.
• Use only one Add to Apple Wallet button on a layout.• Display the button at a size that is clearly legible.• Use only the artwork files provided by Apple. Do not alter the button artwork in any way.
• To download the button file and more guidelines, please visit developer.apple.com/wallet/.• EPS and SVG artwork is provided with an outline rule and can be used on light or dark backgrounds.• Use only localized artwork provided by Apple. Do not create your own localized version of the Add to Apple Wallet button.
Use the black button on white or light-colored backgrounds that provide su�cient contrast. Do not place a black button on a black or very dark background; instead, use the outline option shown.
Use the black button with the outline rule on black and dark-colored backgrounds.
