Javascript is not enabled.

Javascript must be enabled to use this site. Please enable Javascript in your browser and try again.

Design System - IN BETA

Getting Started            Components            Presets             Templates

Introducing the Reusable Foundations (RF) Title Component


By AEM Training

Published: April 22, 2026

Image of webpage on screen of a laptop

Other Announcements

Website layout on a white board

Design System Office Hours

Join us for a weekly open session, ask the design team questions, and learn more.

DTO is excited to announce the launch of the Reusable Foundations (RF) Title Component (PW: resuablefoundation101)—a flexible, modern solution designed to simplify how authors manage headings across RF templates.

This new component builds on the functionality many authors already know from its UXDIA counterpart, while introducing a key enhancement that improves both usability and SEO. The RF Title Component can be used as a title or heading for a wide variety of content sections and is supported in the RF Blank template, with availability coming soon to the RF Article templates.

Designed for Flexibility and Consistency

As with previous implementations, template authors can define which heading (H) values are available through the component dialog, ensuring consistency across templates and pages. Authors can then easily apply the appropriate heading level for their content—whether it’s a page title, section header, or subsection label.

What sets this version apart is the added flexibility it gives authors without sacrificing best practices.

What’s New: Font Size Overrides for Headings

The RF Title Component introduces a significant improvement: the ability to decouple semantic heading levels from visual styling.

A new option—Font Size (Default Override)—is now available in the Styles tab. This allows authors to override the default font size associated with a heading level.

For example:

  • An author can select an H1 (for proper document structure and SEO),
  • But style it at 20/18 instead of the default 48/40, when a smaller visual treatment is needed.

Why This Matters

This enhancement delivers meaningful benefits for authors and end users alike:

  • Improved SEO and accessibility: Heading levels can now be chosen for their semantic value, not their appearance.
  • Cleaner markup: Authors no longer need to use an incorrect H-value just to achieve a specific font size.
  • Greater design flexibility: Visual hierarchy can be adjusted without compromising structural integrity.

Get Started and Learn More

If you have questions or would like help getting started with the RF Title Component, you’re encouraged to join an AEM office hours session. Office hours are held every Friday from 2:00 p.m. to 3:30 p.m., and provide an opportunity to ask questions, see examples, and get guidance on best practices.

We’re excited to see how this enhancement helps teams create cleaner, more accessible, and more flexible content using Reusable Foundations.