Themes

By default the site will render using the Inter typeface. For a more brand-specific experience some theme classes and mixins are available

Mozilla

The .mzp-t-mozilla class can be applied to the page body and to some organisms to use Zilla Slab for the display font.

You can declare Zilla Slab as the display font explicitly in the CSS using @include font-mozilla;

Firefox

The .mzp-t-firefox class can be applied to the page body and to some organisms. It will:

  • Change the text color to $color-off-black.
  • Use Metropolis for the display font.
  • Use Metropolis for calls to action.

You can declare Metropolis as the display font explicitly in the CSS using @include font-firefox;