Mozilla’s flagship web site just relaunched including new custom maps. The maps use Mozilla’s colors, typography and design to fit seamlessly into the new web site. In keeping with Mozilla’s open source culture, all maps are based on OpenStreetMap data and Vector Tiles to implement custom design at scale.

Mozilla’s new maps reflect the brand’s playful attitude down to the street level.

Major labels are set in Mozilla’s characteristic Open Sans Light font face and street level labels are set in Open Sans.

The light wave texture in the water bodies adds liveliness.

The map uses Mozilla’s color palette. While much more muted in colors, it plays a seamless role in Mozilla’s web site.

Head over to Mozilla’s new web site to check the new maps. You can find them for instance on the contact page.