Headers & Nav - Development assets

Development Notes:

Sub nav Desktop & mobile breakpoints: <nav> tag must be included on sub-navigation inside section pages. object should include also the navigation scheme
Hamburger menu Desktop & mobile breakpoints: <nav> tag must be included on sub-navigation inside section pages. object should include also the navigation scheme
Items most be loaded in DOM (no javascript) and must be link (<a>)

1. Branded Header

Univision:

Noticias:

Deportes:

Entretenimiento:

2. Global Nav (desktop only)

Entretenimiento:
1440 - https://univision.invisionapp.com/d/main/#/console/13368722/279196816/inspect
1280 - https://univision.invisionapp.com/d/main/#/console/13368722/279196813/inspect
1024 - https://univision.invisionapp.com/d/main/#/console/13368722/279196810/inspect

3. Hamburguer Menu (coming soon)

1st level default

Mobile: https://univision.invisionapp.com/share/ZVFZBXYQ2GH

Desktop: https://univision.invisionapp.com/share/CJFZC2L6VN9

2nd level

desktop one column: https://univision.invisionapp.com/share/87FZC39DPG2

desktop two columns: https://univision.invisionapp.com/share/XFFZC40METD

Desktop 3-4 columns - https://univision.invisionapp.com/share/UXFZC4CJSN5

Desktop more options - https://univision.invisionapp.com/share/AXFZC50PSUF

1440 - https://univision.invisionapp.com/d/main#/console/13368722/279434970/inspect

MOBILE - https://univision.invisionapp.com/share/G4FZC5J2CYW

4. Section title

Noticias:

Deportes:

Entretenimiento:

Desktop -

5. Subnav

Deportes:

Entretenimiento:

Desktop -

7. section title for content pages

1. generic articles and vertical SS (noticias & entretenimiento default) vertical logo in color + section name with theming over white background

Desktop: https://univision.invisionapp.com/share/U5G54DTY7XG

1440 - https://univision.invisionapp.com/d/main#/console/13368722/282654833/inspect

1280 - https://univision.invisionapp.com/d/main#/console/13368722/282654829/inspect

1024 - https://univision.invisionapp.com/d/main#/console/13368722/282654826/inspect

Mobile: https://univision.invisionapp.com/share/UTG55XNNVMG

414 - https://univision.invisionapp.com/d/main#/console/13368895/282675509/inspect

320 - https://univision.invisionapp.com/d/main#/console/13368895/282675515/inspect

768 - https://univision.invisionapp.com/d/main#/console/13368895/282675504/inspect

2. color theming - logo from vertical in white + section name in white over a colored background

Desktop: https://univision.invisionapp.com/share/M3G56TZDUWQ

1440 - https://univision.invisionapp.com/d/main#/console/13368722/282654837/inspect

1280 - https://univision.invisionapp.com/d/main#/console/13368722/282654831/inspect

1024 - https://univision.invisionapp.com/d/main#/console/13368722/282654828/inspect

Mobile: https://univision.invisionapp.com/share/SEG55X6AG6W

414 - https://univision.invisionapp.com/d/main#/console/13368895/282675511/inspect

320 - https://univision.invisionapp.com/d/main#/console/13368895/282675506/inspect

768 - https://univision.invisionapp.com/d/main#/console/13368895/282675517/inspect

3. deportes - white deportes logo + section name with color theming over black background

Desktop: https://univision.invisionapp.com/share/KSG56UL9CZR

1440 - https://univision.invisionapp.com/d/main#/console/13368722/282665207/inspect

1280 - https://univision.invisionapp.com/d/main#/console/13368722/282665205/inspect

1024 - https://univision.invisionapp.com/d/main#/console/13368722/282665203/inspect

Mobile: https://univision.invisionapp.com/share/94G55ZKQHJE

414 - https://univision.invisionapp.com/d/main#/console/13368895/281646799/inspect

320 - https://univision.invisionapp.com/d/main#/console/13368895/282675502/inspect

768 - https://univision.invisionapp.com/d/main#/console/13368895/282675513/inspect

4. videopage - horizontal SS ( logo from vertical in white + section name in white over a black background)

Desktop: https://univision.invisionapp.com/share/ZTG56VE326G

1440 - https://univision.invisionapp.com/d/main#/console/13368722/282681398/inspect

1280 - https://univision.invisionapp.com/d/main#/console/13368722/282681397/inspect

1024 - https://univision.invisionapp.com/d/main#/console/13368722/282681396/inspect

Mobile: https://univision.invisionapp.com/share/NZG56VSMYXG

414 - https://univision.invisionapp.com/d/main#/console/13368895/282680009/inspect

320 - https://univision.invisionapp.com/d/main#/console/13368895/282680008/inspect

768 - https://univision.invisionapp.com/d/main#/console/13368895/282680010/inspect

5. liveblog and contents with no section page related

Desktop: https://univision.invisionapp.com/share/GCG56WHY5EK

noticias - https://univision.invisionapp.com/d/main#/console/13368722/282654832/inspect

entretenimiento - https://univision.invisionapp.com/d/main#/console/13368722/282654835/inspect

deportes - https://univision.invisionapp.com/d/main#/console/13368722/282654834/inspect

Mobile: https://univision.invisionapp.com/share/E5G56W3QFM9

noti - https://univision.invisionapp.com/d/main#/console/13368895/282675508/inspect

ent - https://univision.invisionapp.com/d/main#/console/13368895/282675510/inspect

dpts - https://univision.invisionapp.com/d/main#/console/13368895/282675507/inspect

8. show headers

1. generic header

Desktop (default, theming, image):

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

Mobile

https://univision.invisionapp.com/share/5MG6BMZV7YT

Desktop:

1440 - https://univision.invisionapp.com/d/main/#/console/13368722/279925614/inspect

Mobile:

414 - https://univision.invisionapp.com/d/main/#/console/13368895/279925598/inspect

2. color theming header

Desktop

1440 - https://univision.invisionapp.com/d/main/#/console/13368722/282143687/inspect

Mobile:

414 - https://univision.invisionapp.com/d/main/#/console/13368895/282145176/inspect

3. background header

Desktop:

1440 - https://univision.invisionapp.com/d/main/#/console/13368722/282143686/inspect

Mobile:

414 - https://univision.invisionapp.com/d/main/#/console/13368895/282145175/inspect

8. black header for content pages (coming soon)

9. custom header (coming soon)

Report abuse