Article Title (120 Char Max)

Article Title (120 Char Max)
October 8, 2024 9 mins

Article Title (120 Char Max)

test

Article standfirst (300 char max) - This demo article is meant to show the components included in the Article Template and their different properties, including character limits, color and layout options etc. It's not meant to replace wireframes done by Design team, which is needed in some cases.

Key Takeaways
  1. Key takeaway  (300 char max): All character limits inlcude blank spaces.
  2. Key takeaway (300 char max): Most full-width components, including the Big Statement, Benefits Cards, Card Carousel,  Stat Block have the same 4 different background colors (white, lighter gray, light gray and navy). For brevity, only 1 or 2 backgrounds are shown as examples.
  3. Key takeaway (300 char max):  Some components don't have as many options as the others. For example,  the Table of Content, and Document Download components don't come with different background colors.

Text Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie suscipit tristique. Morbi sit amet sapien fringilla, interdum augue at, blandit sapien. Mauris lobortis sapien quis metus cursus euismod. Sed posuere, odio et sollicitudin placerat, ipsum nisi ultrices dolor, at convallis ex leo at urna. Ut suscipit velit quam, vitae pulvinar nisi egestas in.

QandA Block

  • Q
    Does QandA Block support HTML text?

    A: No, it doesn't. Unlike regular richtext block, at the moment, QandA Block only supports plain text, which means links, bullets, superscripts, images and the like won't work.

  • Q
    Are there any restrictions in terms of text length?

    No, there aren't. 

In Line Image

Inline Image/Video

Inline Image/Video component works well with images having either one of 3 aspect ratios: 1:1, 16:9, 4:3. Images with other aspect ratios may be cropped at unexpected places. This component can be used to post inline video as well. Video must be uploaded to Aon's main Brightcove account to work with the component.

Accordion

Accordion list must have 2-10 items. All drawers are collapsed by default.

  • Accordion block header 1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie suscipit tristique. Morbi sit amet sapien fringilla, interdum augue at, blandit sapien. Mauris lobortis sapien quis metus cursus euismod. Sed posuere, odio et sollicitudin placerat, ipsum nisi ultrices dolor, at convallis ex leo at urna.

  • Accordion block header 2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie suscipit tristique. Morbi sit amet sapien fringilla, interdum augue at, blandit sapien. Mauris lobortis sapien quis metus cursus euismod. Sed posuere, odio et sollicitudin placerat, ipsum nisi ultrices dolor, at convallis ex leo at urna.

Styled Numbered Lists

Styled numbered list is not a seprate component but a part of the Richtext component.

Primary Numbered List

Description: Bigger red numbers with darker text

  1. Item 1
  2. Item 2
Secondary Numbered List

Description: Smaller red or dark teal or navy numbers with regular text

  1. Item 1
  2. Item 2

5CHAR

Short description: 300 char max, including blank spaces, with optional Source and optional CTA below.

Source: Optional, 125 char max

Data Table

Table is not a separate component but a part of the richtext component. Below is the default table style.

  Automobile Casualty/Liability Cyber Directors & Officers Property
Asia Moderate Moderate Moderate Soft Moderate
EMEA Moderate Moderate Moderate Soft Moderate
Latin America Moderate Moderate Soft Soft Challenging
Custom Table

In addition to the default table above, custom tables with custom color choices are also possible. In most cases, consultation with Creative team in terms of color choices is recommneded.

  Automobile Casualty/Liability Cyber Directors & Officers Property
Asia Moderate Moderate Moderate Soft Moderate
EMEA Moderate Moderate Moderate Soft Moderate
Latin America Moderate Moderate Soft Soft Challenging

Big Statement - Plain text, 250 char max, 4 background colors (white (current), lighter gray, light gray, and navy).

Big Statement - Plain text, 250 char max, 4 background colors (white, lighter gray, light gray, and navy (current)).

Benefits Cards - Header: 125 char max; Tiles across: 2-4; Numbers: red (current) or teal; Background: 4 colors.

Benefits Cards - Header: 125 char max; Tiles across: 2-4; Numbers: red or teal (current); Background: 4 colors.

Rich Media - Caption Title: 125 char max

Rich Media - Caption: 300 char max; Background: 4 colors (white (current), lighter gray, light gray, navy). This component can be used to post image or video.  Video must be uploaded to Aon's main Brightcove account.

Quote icon

Quote Block - Plain text, 250 char max, 4 background colors (white, red, teal (current), and navy).

Louisa Blain
Head of Insurance, Human Capital
Quote icon

Quote Block - Plain text, 250 char max, 4 background colors (white, lighter gray, light gray, and navy (current)).

Louisa Blain
Head of Insurance, Human Capital
Stat Block - Headline: 125 char max

Stat Block - Description: 300 char max; Number of layouts: 3 (2 stat items and description (current); 2 stat items;  and 3 stat items); Background: 4 colors (white (current), lighter gray, light gray, navy)

  • 5CHAR

    Description: 250 char max

    Source - Optional, 200 char max

  • 5CHAR

    Description: 250 char max

    Source - Optional, 200 char max

  • 5CHAR

    Description: 250 char max

    Source: Optional, 200 char max

  • 5CHAR

    Description: 250 char max

    Source: Optional, 200 char max

  • 5CHAR

    Description: 250 char max

    Source: Optional, 200 char max

  • 5CHAR

    Description: 250 char max

    Source: Optional, 200 char max

  • 5CHAR

    Description: 250 char max

    Source: Optional, 200 char max

Wide Data Visualization - Header: 125 char max

Wide Data Visualization - Description: 300 char max; Background: 4 (white, lighter gray, light gray (current), and navy)

Figure 2: Breach proportion versus percentage of paid loss attributable to each breach – north America (2015-2023) Chart 4

Text Data Visualization - Header: 200 Char Max

Text Data Visualization - Secondary Header: 250 Char Max

Text Data Visualization - Description: 1000 char max; Background colors: 4 (white, lighter gray, light gray, navy (current)). This component can have tabs with data viz on each tab. 

Eyebrow

Promo Block - Header: 200 char max

Promo Block - Short description: 750 char max; Background: 4 colors (white, (current) lighter gray, light gray, navy); Image: always on the right of the component.

Eyebrow

Promo Block - Header: 200 char max

Promo Block - Short description: 750 char max; Background: 4 colors (white, lighter gray, light gray, navy (current)); Image: always on the right of the component.

Document Download (Only this heading is customizable; everything else, including labels and background color, is not)

Collection Carousel

While the Card Carousel and Podcast Carousel above offer more customization in terms of the title, description, tile format etc, the Collection Carousel is fully dynamic. That means the title, description and individual items are pulled in dynamically from the collection in question. Any text changes will need to be made from inside the Collection data and not in the component on the page.

Collection Carousel tile format is pre-configured with thumbnails in 16:9 format, 3-up layout, with clarity panel and number on each tile. 


Aon’s Thought Leader
  • Louisa Blain
    Head of Insurance, Human Capital

General Disclaimer

This document is not intended to address any specific situation or to provide legal, regulatory, financial, or other advice. While care has been taken in the production of this document, Aon does not warrant, represent or guarantee the accuracy, adequacy, completeness or fitness for any purpose of the document or any part of it and can accept no liability for any loss incurred in any way by any person who may rely on it. Any recipient shall be responsible for the use to which it puts this document. This document has been compiled using information available to us up to its date of publication and is subject to any qualifications made in the document.

Terms of Use

The contents herein may not be reproduced, reused, reprinted or redistributed without the expressed written consent of Aon, unless otherwise authorized by Aon. To use information contained herein, please write to our team.

More Like This

View All
Subscribe CTA Banner