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 elementOptional elementRules
Component elementA: Background color options Optional element Rules• Headline container: BLK_Black (can’t be changed)
• Messaging container: BLK_Neutral, BLK_Orange, BLK_Yellow, BLK_Pink
Component elementB: Eyebrow Optional element Rules• Eyebrow character count: ~35*
Component elementC: Headline Optional element Rules• Headline character count: ~70*
Component elementD: Message copy block Optional element Rules• Message character count: ~350*
Component elementE: CTA Optional element RulesCTA should be tertiary link
• Keep these "digital" friendly; i.e. short descriptors
Component element*NOTE: Due to varying alphabets and character widths, please ensure your publisher tests this prior to release Optional element Rules
Showing 1 to 6 of 6 entries

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.