Locales headers
Last update: 7/09/2018
1. Header home
MOBILE
APPS
Mockups
desktop 1440: https://univision.invisionapp.com/share/6TNP2V39NSX
INSPECT/ CRAFT LINKS
1440: https://univision.invisionapp.com/d/main/#/console/14730700/316162002/inspect
1280: https://univision.invisionapp.com/d/main/#/console/14730700/316161004/inspect
1024: https://univision.invisionapp.com/d/main/#/console/14730700/316161002/inspect
768: https://univision.invisionapp.com/d/main/#/console/14730700/316161000/inspect
1.2 TIEMPO SECTION header
MOBILE
APP - 360
DESKTOP
Mockups
desktop 1440: http://univision.invisionapp.com/share/F9NXIQFMUYT
INSPECT/ CRAFT LINKS
1440: https://univision.invisionapp.com/d/main/#/console/14730700/318622408/inspect
1280: https://univision.invisionapp.com/d/main/#/console/14730700/318622407/inspect
1024: https://univision.invisionapp.com/d/main/#/console/14730700/318622406/inspect
768: https://univision.invisionapp.com/d/main/#/console/14730700/318622405/inspect
2. Slim header
MOBILE
APPS
Mockups
desktop 1440: https://univision.invisionapp.com/share/WFNP3P3NUP7
INSPECT/ CRAFT LINKS
1440: https://univision.invisionapp.com/d/main/#/console/14730700/316161006/inspect
1280: https://univision.invisionapp.com/d/main/#/console/14730700/316161003/inspect
1024: https://univision.invisionapp.com/d/main/#/console/14730700/316161001/inspect
768: https://univision.invisionapp.com/d/main/#/console/14730700/316160999/inspect
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