Locales headers

Last update: 7/09/2018

1. Header home

MOBILE

APPS

1.2 TIEMPO SECTION header

MOBILE

APP - 360

DESKTOP

2. Slim header

MOBILE

APPS

3. Sticky header

Use the same as the SLIM header

4. Hamburger menu

WEB

APPS

INSPECT/ CRAFT LINKS

Mobile

https://univision.invisionapp.com/d/main/#/console/14726385/314691679/inspect

APPS: https://univision.invisionapp.com/d/main/#/console/14762537/314691687/inspect

  • Apply the bgr color to navigation elements according to the local market assigned color:
  • saphire secondary: #0D63BC
  • Emerald secondary: #0ABC54
  • Mustard secondary: #E2BE25
  • Orange red: #F77957
  • Peach secondary: #D3761D

DESKTOP

4. Specs

1. Local brand Logo + co branding TU GENTE. TU VOZ (Home) / Ventana al Tiempo (Tiempo section). Mobile slim/sticky does not support co-branding

2. TV en vivo entry point

3. Weather center / Weather info: at click/tap the user is taken to the weather center

4. Background image: Each local market has it's own image bgr. Find the assets here. The image has a background-position: 0 0;

5. Hamburger menu

6. Back arrow: android apps pattern

7. Section: for apps - android only - android pattern

8. share icon: for apps - android only


* apply background color on the sub navigation according to the local market assigned color:

  • saphire secondary: #0D63BC
  • Emerald secondary: #0ABC54
  • Mustard secondary: #E2BE25
  • Orange red: #F77957
  • Peach secondary: #D3761D