All - Countdown - Timer

Versions & specs - full features

List of Specs

  1. Photo: 1:1 (optional) - Logo / photo (on/off)
  2. Headline: you can use a text headline Limited to 80 characters (or) a soccer match (team name 1 + crest 1+ vs. + team crest 2 + team name 2) team names are abbreviated in mobile
  3. airing date: Format: DAY - HOUR AM/PM with 3 timezones availability (on/off)
  4. Media channel logos: logotypes available on gray and white SVG (on/off) 18px max-height
  5. Countdown timer: Countdown Day /hour /min / sec it shortens to dat/hour/min in mobile.
  6. Calreply button (on/off)
  7. Background: one image per breakpoint (mobile/desktop) should be uploaded
  8. sponsor: Logo 24px max height (optional)

Versions & specs - Basic version

Design notes

  • widget reduces its height when media channels option is off
  • when widget is used as a lead. its margin top with the header is 0px

Mockups and links

EXPLAINER

https://univision.invisionapp.com/share/86MUZKBXCV5

MOCKUPS

Mobile (414):

http://univision.invisionapp.com/share/28NUUKU9X7T

Desktop (1440):

https://univision.invisionapp.com/share/R2NUUL6H7QB


ASSETS FOR DEVELOPERS

CRAFT DIRECT URL

MOBILE

414: https://univision.invisionapp.com/d/main#/console/12863211/270105987/inspect

DESKTOP

768: https://univision.invisionapp.com/d/main#/console/12862898/270105702/inspect

1024: https://univision.invisionapp.com/d/main#/console/12862898/270105705/inspect

1440: https://univision.invisionapp.com/d/main#/console/12862898/270105703/inspect


If the direct URL doesn't work, please access direct to the layout into INVISION you'll need to:

  1. Login into Invision with your own user
  2. Look for the screen you are working
  3. Click the INSPECT button on the toolbar to access to the information.


Sketch editable file:

https://drive.google.com/a/fusion.net/file/d/1CrWg6IMQwvpeFRIekvfV0kG_0NIBzrxM/view?usp=sharing

Countdown timer: Large screens visual