>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3497389. --> Reported by: [ckrina](https://www.drupal.org/user/1206650) Related to !375 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>Designs have been created to have a Heading component to be used on Experience Builder, reusing existing Olivero styles.</p> <p><img src="https://www.drupal.org/files/issues/2025-01-04/Heading-component.png" alt=""></p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>Implement the component, where the only field needed is the Heading. <a href="https://www.figma.com/design/1Low70FfJYvRgaIbxrXocD/Olivero-XB-components?node-id=1-3697&amp;t=DDoLnPboTXPXiQcp-1">Figma link</a>.</p> <ul> <li>5 sizes/styles based on primary Olivero design system</li> <li>45px bottom margin on each</li> <li>Spans columns 3-10 on desktop</li> </ul> <p><img src="https://www.drupal.org/files/issues/2025-01-04/columns.png" alt=""></p> <h3>How to test</h3> <ol> <li>Install Experience Builder (be sure you're synced up with 1.x; if not, do that and run <code>ddev rebuild</code>): <code>ddev drush -y en default_content experience_builder</code></li> <li>Manually test by visiting <a href="https://drupal-cms-dev.ddev.site/xb/xb_page/1">/xb_page/1</a>.</li> </ol> > Related issue: [Issue #3497596](https://www.drupal.org/node/3497596) > Related issue: [Issue #3498337](https://www.drupal.org/node/3498337) > Related issue: [Issue #3484161](https://www.drupal.org/node/3484161)