Faculty/Staff Search

OR

Department/Unit Search

BMSc student in the lab

Featured Content

The Featured Content component is ideal for drawing immediate attention to an important announcement, event, or campaign.

Featured Content

The Featured Content component is ideal for drawing immediate attention to an important announcement, event, or campaign.

BMSc student in the lab

Featured Content

The Featured Content component is ideal for drawing immediate attention to an important announcement, event, or campaign.

  1. Home
  2. Web training
  3. Component library
  4. Featured Content

Use Cases

Major announcements, promotional campaigns, special offer, new program, or key initiative.

Required Materials

  • Image Size: 1920×1000. For optimal display across various screen widths, keep the main subject within the central 500px.
  • Title: A concise statement capturing the primary message.
  • Subtitle (Optional): Additional context or supporting detail.
  • Description: One or two sentences providing context, without line breaks or paragraphs.
  • CTA Button(s): You may include zero, one, or two buttons.

Best Practices 

  • Strong Visuals: Choose a high-quality, relevant image.
  • Concise Text: Use a short headline and supporting sentence; avoid multiple paragraphs.
  • Use Sparingly: Overusing this component can lessen its impact, so reserve it for your most important messages.

Page Type Compatibility

Supported in Full Width Pages.

Variations

  • Background Color Options: Western Purple, Deep Focus, or Grey.
  • Image Placement: Choose to position the image on the left or right side for a balanced layout.

Variation 1

Subtitle is optional.

This Featured Content layout uses a Western Purple background with the image placed on the left.

Button 1 Button 2

Variation 2

Subtitle is optional.

This Featured Content layout uses a Western Purple background with the image placed on the right.

Button 1 Button 2

Variation 3

Subtitle is optional.

This Featured Content layout uses a Deep Focus background with the image placed on the left.

Button 1 Button 2

Variation 4

Subtitle is optional.

This Featured Content layout uses a Deep Focus background with the image placed on the right.

Button 1 Button 2

Variation 5

Subtitle is optional.

This Featured Content layout uses a Grey background with the image placed on the left.

Button 1 Button 2

Variation 6

Subtitle is optional.

This Featured Content layout uses a Grey background with the image placed on the right.

Button 1 Button 2