Content Modules

This page showcases the various content modules available for use in your think tank articles. These components enhance the visual appeal and readability of your content.

Hero Image

Use hero images at the top of articles to create visual impact and draw readers in.

Pull Quote

Pull quotes highlight important statements or quotes from the text, drawing attention to key points and breaking up long sections of text.

The most effective policy approaches combine market-based incentives with targeted regulations to address both immediate needs and long-term goals.
— Dr. Jane Smith, Policy Director

Callouts

Callouts highlight important information, warnings, or success stories. They come in four types: info, warning, success, and error.

Information

This is an information callout that provides additional context or background information.

Warning

This warning callout highlights potential issues or concerns that readers should be aware of.

Success

This success callout highlights positive outcomes or best practices.

Error

This error callout highlights critical issues or common mistakes to avoid.

Figure with Caption

Figures with captions are useful for including charts, graphs, diagrams, or images within the body of your content.

Example figure — Figure 1: Sample data visualization Credit: Research Department

Key Takeaways

The Key Takeaways module summarizes the most important points from your content, making it easy for readers to grasp the main ideas.

Key Takeaways

First key point that summarizes an important finding or recommendation
Second key point that highlights another critical aspect of the research
Third key point that offers practical implications or next steps

Statistic Highlight

Use statistic highlights to draw attention to important numbers, percentages, or metrics that support your analysis.

78%

Increase in Adoption

Year-over-year growth since 2023

$4.2T

Global Market Size

Projected by 2030

12x

Return on Investment

Average across case studies

Section Divider

Section dividers create visual breaks between different parts of your content, helping to organize long-form articles.

After the section divider, you can start a new topic or section of your content. This helps readers understand the structure of your article.

Using These Modules in Your Content

To use these modules in your content, you can import them at the top of your MDX files and then use them as React components within your content.

Implementation Note

These components are designed to be used with MDX content. If you're using the HTML rendering approach, you can adapt these styles to your HTML using appropriate class names.