Key points

The key points component should be used to highlight the salient points being made within an article or a general content piece.

The three key points are designed to be easily digestible by purposely being succinct and straight to the point. This component should be used to help set the tone for a content piece and break down the main points or arguments a user should walk away with.

PRO TIP: Always place this component directly below your main page banners to help introduce the content being discussed.

Key points

01

A needed revolution

Global trade frictions have intensified this summer. This reinforces a key plank of our outlook but may challenge our moderately pro-risk stance. These bullet points will max out at 350 characters.

02

Key to policy response

The key to the policy response has shifted to ensuring successful execution and avoiding policy fatigue before the shock passes.

03

Fed watch

Global trade frictions have intensified this summer. This reinforces a key plank of our outlook but may challenge our moderately pro-risk stance. These bullet points will max out at 350 characters.

Rules and recommendations

Reference Key points

 

Key points component
A: Backgrounds: Only BLK_White with optional 4 border options:
• Default border: bottom border only (top border should come from the hero banner)
• Optional top border only
• Optional bottom border only
• Optional top & bottom borders

B: Tag:
• Backgrounds: 2 color options: BLK_Yellow — or — BLK_Black, default is set at BLK_Yellow
• The following label tag is recommended: Key points (or the translated equivalent). However, we have made the label tag an open input field in case there is need to change label.
• Character count: ~20*
• Due to varying alphabets and character widths, please ensure your publisher tests this prior to release

C: Labels: 2 label options: 01., 02., 03. — or — A., B., C.

D: Topic headline (optional):
• Character count: ~60*
• Due to varying alphabets and character widths, please ensure your publisher tests this prior to release

E: Topic description:
• Character count: ~350*
• 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.

Key points

01

Category Subheadline

Global trade frictions have intensified this summer. This reinforces a key plank of our outlook but may challenge our moderately pro-risk stance. These bullet points will max out at 350 characters.

02

Category Subheadline

The key to the policy response has shifted to ensuring successful execution and avoiding policy fatigue before the shock passes.

03

Category Subheadline

Global trade frictions have intensified this summer. This reinforces a key plank of our outlook but may challenge our moderately pro-risk stance. These bullet points will max out at 350 characters.

Key points

A

Global trade frictions have intensified this summer. This reinforces a key plank of our outlook but may challenge our moderately pro-risk stance. These bullet points will max out at 350 characters.

B

The key to the policy response has shifted to ensuring successful execution and avoiding policy fatigue before the shock passes.

C

Global trade frictions have intensified this summer. This reinforces a key plank of our outlook but may challenge our moderately pro-risk stance. These bullet points will max out at 350 characters.