Component Pending

C084 Featured Expert Details Modal Card

Use this component with C086, C085 and H008B components to provide additional content related to speakers featured in upcoming physical or digital events, as part of an event-page layout or as a teaser snippet elsewhere on the site such as for article author profiles.

event headshot modal

Component Detail

Used in conjunction with the C086 Featured expert Carousel, each C084 Featured Expert Detail Modal card provides additional content related to each carousel expert item, including links to the expert’s social media profiles, a link to their about page, and optional bio description copy and attributed article links.

 

**Note: C084 Modal Card can also be used with H008B Hero with Author Byline.

Interactions

The Featured Speaker Details Modal may include any or all of the following CTAS:

  • Up to 10 associated Social Media profile links
  • A “Learn More” CTA driving to an internal or external landing page about the speaker, and/or
  • Up to 3 associated articles or press releases linked to the speaker’s detailed description content

Specifications

Max Characters

Speaker Name: 100
Title/Company Info: 120
Modal Description Copy: 650

Profile Image Asset Dimensions

Asset Size: 320px x 320px
Aspect Ratio: 1:1
Recommended File Weight: <15kb

Profile Image Display Sizes

Width: 160px
Height: 160px

Profile Image Aspect Ratios

Desktop: 1:1
Tablet: 1:1
Mobile: 1:1

Social Icon Specs

Asset Size: 48px x 48px
Aspect Ratio: 1:1
Recommended File Weight: <2kb
Width: 24px
Height: 24px

Usage Guidelines

When To Use:

Use in combination with each corresponding item in the C086 Featured Expert Carousel, or with the H008B Hero with Byline author content.

When To Avoid:

Do not use separately from the C086 Featured Expert Carousel. The carousel item CTAs trigger display of the corresponding modal item. These modals will not display independently from an associated C086.

Alternative Options:

N/A

Share Your Feedback