Messaging cross link

The Messaging cross link component is a very simple component that allows for text-only, impactful messaging with optional eyebrow, description and CTA. It will also allow for less dependency on images for a single crosslink.

A few key features include:

  • Include an optional eyebrow to help define the content you are displaying
  • Choose between multiple brand colors
  • Ability to turn component-level top padding on or off
    • Note: Use this is to solve “double” padding issues when stacking similar colored components together which may cause large gaps to appear, and get pre-approval for guidance from the Design Platform team.

 


Publishing? View the DCR guidebook for detailed instructions.


Rules and recommendations

rules images
Component element Optional element Rules
A: Background color options • Headline container: BLK_Black (can’t be changed)
• Messaging container: BLK_Neutral, BLK_Orange, BLK_Yellow, BLK_Pink
B: Eyebrow • Eyebrow character count: ~35*
C: Headline • Headline character count: ~70*
D: Message copy block • Message character count: ~350*
E: CTA CTA should be tertiary link
• Keep these "digital" friendly; i.e. short descriptors
*NOTE: Due to varying alphabets and character widths, please ensure your publisher tests this prior to release

Alternate variations

To help you visualize different possible layouts and background colors, we stacked a few components together to give you a more clear understanding of how this could look.