Interactive Insights

Overview / Purpose

This component is a configurable, interactive content slider designed to present multiple topics or perspectives within a structured content experience. Each slide represents a distinct topic and displays tailored content while maintaining a consistent visual layout.

Users can navigate between topics using the navigation on the left. Selecting an item updates the main content area with the corresponding information.

Core functionality and interactive behavior:

• Built-in auto-slide transitions.
• Manual navigation via clickable or touchable topic titles.
• Synchronized interaction between navigation and active content.
• The selected topic remains visually highlighted.
• Other topics revert to the default state.
• Selecting a topic displays the corresponding content.
• Each slide supports a headline, descriptive text, and CTA link.
• Content updates dynamically while maintaining a consistent layout.

Best Practices / Usage Guidelines

• Keep navigation titles concise and easy to scan.
• Ensure each slide focuses on one clear regional perspective or topic.
• Maintain a consistent content structure across all slides.
• Keep headlines concise to avoid excessive line wrapping.
• Avoid overcrowding the body copy with too much information.
• Use short, action-oriented CTA labels.
• Design content to work across desktop, tablet, and touch interactions.

Dimensions & Copy Limits

• Section title: Maximum xx characters
• Intro text: Maximum xx characters
• Navigation title: Maximum xx characters
• Slide headline: Maximum xx characters
• Body text: Maximum xx characters
• CTA text: Maximum xx characters
• Minimum number of slides: x
• Maximum number of slides: x

The sample module is shown below.