A product logo can be displayed using an additional theme class:

  • mzp-t-product-firefox
  • mzp-t-product-beta
  • mzp-t-product-developer
  • mzp-t-product-nightly
  • mzp-t-product-focus
  • mzp-t-product-mozilla
  • mzp-t-product-vpn
  • mzp-t-product-pocket
<section class="mzp-c-call-out mzp-t-product-firefox">
    <div class="mzp-l-content">
        <h2 class="mzp-c-call-out-title">A Headline With 30 Characters</h2>
        <div class="mzp-c-call-out-desc">
            <p>A description of about 150 characters, give or take. That means we usually only have room for one or two sentences. Here is what that looks like.</p>
        </div>

        <p><a class="mzp-c-button mzp-t-product mzp-t-xl" href="#">Download Firefox</a></p>
    </div>
</section>