Quantcast
Viewing all articles
Browse latest Browse all 2230

Mozilla's Custom Branded Maps

Mozilla's flagship web site Mozilla.org 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.

Image may be NSFW.
Clik here to view.

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

Image may be NSFW.
Clik here to view.

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

Image may be NSFW.
Clik here to view.

The light wave texture in the water bodies adds liveliness.

Image may be NSFW.
Clik here to view.

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.


Viewing all articles
Browse latest Browse all 2230

Trending Articles