Usage

visual representation of a a Journalist

Should always be visually represented at the bottom right of a card/pattern?

Use X large full colour headshot on specific journalists opinion page

Use blue tint small headshot in article card

The headshot is not clickable when embedded in cards

Quickly identifies an opinion piece on the homepage

Do

✅

❌

Check you’re using the appropriately sized shape and sized avatar for your use case.

Use the name prop to ensure there is an alternative text equivalent for screen readers.
To avoid confusion, do not use a tooltip with a headshot when it is non-interactive or disabled, as the tooltip may not work consistently for keyboard users and screen readers.