---
title: Moz://a
authors: Diego Eis
type: post
image: https://diegoeis.github.io/tableless-static-images/2017/01/featured-image-mozilla-logo.png
date: 2017-01-19
url: /moza/
aliases:
  - /novo-logo-mozilla/
titulo_personalizado:
  - 'Novo logo da <strong>Mozilla</strong>'
categories:
  - Browsers
  - Destaques
  - Notícias
---
A Mozilla mudou seu logo.

Desde o ano passado a Mozilla estava passando por um processo de rebranding. Não foi um processo como qualquer outra empresa faz: a Mozilla pediu a opinião de toda a sua comunidade. Ela contratou uma agência de Londres chamada [Johnson Banks][1], que fez sete identidades primárias. [A comunidade ajudou a escolher nesse site][2] qual logo era mais legal, bonito, adequado e que se encaixava mais com a cultura da Mozilla e tudo o que ela representava. As sete propostas eram:

[<img src="https://diegoeis.github.io/tableless-static-images/2017/01/Mozilla1.jpg" alt="" width="600" height="450" class="aligncenter size-full wp-image-56961" />][3]

[<img src="https://diegoeis.github.io/tableless-static-images/2017/01/Mozilla2.jpg" alt="" width="600" height="450" class="aligncenter size-full wp-image-56962" />][4]

[<img src="https://diegoeis.github.io/tableless-static-images/2017/01/Mozilla3.jpg" alt="" width="600" height="450" class="aligncenter size-full wp-image-56963" />][5]

[<img src="https://diegoeis.github.io/tableless-static-images/2017/01/Mozilla4-1.jpg" alt="" width="600" height="450" class="aligncenter size-full wp-image-56964" />][6]

[<img src="https://diegoeis.github.io/tableless-static-images/2017/01/Mozilla5.jpg" alt="" width="600" height="450" class="aligncenter size-full wp-image-56965" />][7]

[<img src="https://diegoeis.github.io/tableless-static-images/2017/01/Mozilla6.jpg" alt="" width="600" height="450" class="aligncenter size-full wp-image-56966" />][8]

[<img src="https://diegoeis.github.io/tableless-static-images/2017/01/Mozilla7.jpg" alt="" width="600" height="450" class="aligncenter size-full wp-image-56967" />][9]

Cada uma dessas propostas tem um conceito explicando os motivos de terem sido feitos assim. Clique em cada uma das imagens para entender melhor cada um deles.

> Today, we believe these principles matter more than ever. And as a not-for-profit organization, we’re uniquely able to build products, technologies, and programs that keep the Internet growing and healthy, with individuals informed and in control of their online lives.

Depois de sete meses Baseado na escolha da comunidade, a agência trabalhou mais um pouco no logo e finalmente eles decidiram como ia ficar. O grande lançamento foi hoje e o resultado é esse:



O logo tem o intuito de reforçar que a internet é o coração de todos os esforços da Mozilla, mostrando o comprometimento para a intenção original de que o link é o começo de uma internet sem filtros e sem mediações para uma experiência para o consumo de conteúdo rico.

<img src="https://diegoeis.github.io/tableless-static-images/2017/01/Mozilla-12jan-1500px_logo-1400x990.jpg" alt="" width="1400" height="990" class="aligncenter size-full wp-image-56969" />

Uma coisa interessante que a Mozilla destacou, é que usando um logo baseado em uma font, há a possibilidade da comunidade combinar o logo com outras montagens usando imagens, tornando o logo muito flexível, fazendo um paralelo com a riqueza e criatividade que existe na web.

<img src="https://diegoeis.github.io/tableless-static-images/2017/01/Mozilla-12jan-1500px_architecture-1400x990.jpg" alt="" width="1400" height="990" class="aligncenter size-full wp-image-56968" />

Trocar o **ill** por **://** é uma ideia sensacional, já que o **://** é universal ao remeter à uma das bases mais fundamentais da internet que é a URL. É muito legal todo o estudo que eles tiveram, levando muito em consideração aos mais de 3000 comentários que a iniciativa rendeu. Por exemplo, antes do **://** o &#8220;M&#8221; é minúsculo, já que estamos [lembrando uma URL e como você bem sabe, não usamos letras maiúsculas em URLs][10].

<img src="https://diegoeis.github.io/tableless-static-images/2017/01/Mozilla-12jan-1500px_color-1400x990.jpg" alt="" width="1400" height="990" class="aligncenter size-full wp-image-56970" />

Eu gostei muito do novo logo. Dá um baque no início, mas lendo os conceitos, os comentários da comunidade e todas as cores com que agora o logo novo tem, dá para sentir uma vibe muito boa numa das empresas que mais respeitam o usuário e principalmente uma das que mais lutam por uma internet livre. Long live to the **Moz://a**.

<img src="https://diegoeis.github.io/tableless-static-images/2017/01/johnsonbanks_Mozilla_healthyinternet_2.jpg" alt="" width="1478" height="834" class="aligncenter size-full wp-image-56975" />

<img src="https://diegoeis.github.io/tableless-static-images/2017/01/johnsonbanks_Mozilla_love.jpg" alt="" width="1500" height="1061" class="aligncenter size-full wp-image-56976" />

<img src="https://diegoeis.github.io/tableless-static-images/2017/01/johnsonbanks_Mozilla_save.jpg" alt="" width="1500" height="1061" class="aligncenter size-full wp-image-56977" />

 [1]: https://johnsonbanks.co.uk/thoughtfortheweek/mozilla-the-chosen-route/
 [2]: https://blog.mozilla.org/opendesign/now-for-the-fun-part/
 [3]: https://blog.mozilla.org/opendesign/design-route-a-the-eye/
 [4]: https://blog.mozilla.org/opendesign/design-route-e-wireframe-world/
 [5]: https://blog.mozilla.org/opendesign/design-route-f-the-impossible-m/
 [6]: https://blog.mozilla.org/opendesign/design-route-g-flik-flak/
 [7]: https://blog.mozilla.org/opendesign/design-route-d-protocol/
 [8]: https://blog.mozilla.org/opendesign/design-route-c-the-open-button/
 [9]: https://blog.mozilla.org/opendesign/design-route-b-the-connector/
 [10]: https://blog.mozilla.org/opendesign/route-one-protocol-2-0/#comments
