SECONDARY LABELS

Last Update: 05/30/2018

GENERAL RULES


  1. Use only in the vertical's homes like Noticias, Deportes .... . It doesn’t apply for univision.com
  2. The label should not exceed two words
  3. Use the label in no more than two content cards within a widget
  4. Use only one “secondary label” in the content card
  5. If the Authentication, “En vivo” or “Liveblog” labels exist in the content card, the secondary label will not appear.


DOWNLOAD SKETCH FILE HERE 🎨

CASE 1 : TEXT LABEL + ICON

SMALL THUMBNAILS

  • No author
  • Place label above the headline


MEDIUM THUMBNAILS

  • Place label on the top left corner of the image, with a 10px top and left margin


LARGE THUMBNAILS

  • Place label above the headline.
  • Leave 8px bottom margin


EXAMPLE: High impact current version - with Frontend improvements

EXAMPLE: High impact new version

Mockups with user cases

CASE 3: THEMING VERSION

📌 Label container, inherits the section color theming as the background color

SMALL THUMBNAILS

  • No author
  • Place label above the headline


MEDIUM THUMBNAILS

  • Place label on the top left corner of the image, with a 10px top and left margin


LARGE THUMBNAILS

  • Place label above the headline.
  • Leave 8px bottom margin


High impact current version - with Frontend improvements

High impact new version

Mockups with user cases

Mobile ( Deportes case)

Desktop ( Deportes case)