All- Follow us - widget
Last Update: 08/06/2018
BOX VARIATION
BOX VARIATION
- This widget is placed below the 300x250 AD, in the all-list widget .
- Use the section primary color for the background
- Use the section secondary color for hover states bgr for the social media icon buttons
MOCKUPS MOBILE
MOCKUPS MOBILE
- Mobile (414) - Entretenimiento example: https://univision.invisionapp.com/share/CTKKJ0O5VHX
- Mobile (414) - Noticias example: https://univision.invisionapp.com/share/38KKJ329MRC
- Mobile (414) - Deportes example: https://univision.invisionapp.com/share/2MKKJ3J4NTS
CRAFT DIRECT URLs
CRAFT DIRECT URLs
Mobile
DESKTOP
DESKTOP
MOCKUPS
MOCKUPS
- Desktop (1440): https://univision.invisionapp.com/share/C9KKJE7YDTE
CRAFT DIRECT URLs
CRAFT DIRECT URLs
Desktop
- 1440: https://univision.invisionapp.com/d/main/#/console/12862898/302145908/inspect
- 1280: https://univision.invisionapp.com/d/main/#/console/12862898/302145907/inspect
- 1024: https://univision.invisionapp.com/d/main/#/console/12862898/302145906/inspect
- 768: https://univision.invisionapp.com/d/main/#/console/12862898/302145905/inspect
FULL WIDTH VARIATION
FULL WIDTH VARIATION
- If the box variation is already used, this full with variation is not allowed to use, and the other way around
- The widget has a bgr image for desktop breakpoints
- For mobile breakpoints the widget will be the same box variation
- Use the section secondary color for hover states bgr for the social media icon buttons
- Place the widget in a low position in the layout
MOCKUPS MOBILE
MOCKUPS MOBILE
- Mobile (414): https://univision.invisionapp.com/share/NMKKJQSBHX2
CRAFT DIRECT URLs
CRAFT DIRECT URLs
Mobile
DESKTOP ( Entretenimiento, Deportes & Noticias cases)
DESKTOP ( Entretenimiento, Deportes & Noticias cases)
DESKTOP (In context)
MOCKUPS
MOCKUPS
- Desktop (1440): https://univision.invisionapp.com/share/QWKKJWUKJ7E
CRAFT DIRECT URLs
CRAFT DIRECT URLs
Desktop
- 1440: https://univision.invisionapp.com/d/main/#/console/12862898/302145943/inspect
- 1280: https://univision.invisionapp.com/d/main/#/console/12862898/302145942/inspect
- 1024: https://univision.invisionapp.com/d/main/#/console/12862898/302145941/inspect
- 768: https://univision.invisionapp.com/d/main/#/console/12862898/302145940/inspect
Sketch editable file:
https://drive.google.com/open?id=19G1EVdXI1Msl1HJEvAtuPFw68VtprFV0