{"id":29382,"date":"2024-08-28T09:09:39","date_gmt":"2024-08-28T00:09:39","guid":{"rendered":"https:\/\/designcompass.org\/?p=29382"},"modified":"2024-08-28T09:22:05","modified_gmt":"2024-08-28T00:22:05","slug":"mozilla-logo-refresh","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2024\/08\/28\/mozilla-logo-refresh\/","title":{"rendered":"Mozilla Logo Refresh: Tyrannosaurus Goes Pixel Art"},"content":{"rendered":"<p>Mozilla, the developer of the browser Firefox, has changed its wordmark. Mozilla is an open source software development company founded in 1998 by former Netscape developers. It has created products such as Firefox, Thunderbird, and Bugzilla, and is famous for its Firefox brand design in collaboration with LaMotion.<\/p>\n\n\n\n<p>The 2017 rebranding was a hot topic with a wordmark created through an open design project that received feedback from the community. London studio Johnson Banks received various opinions and a wordmark that borrowed :\/\/, which means Internet protocol, was adopted. The font was named Zilla Slab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-03-1024x1024.png\" alt=\"\" class=\"wp-image-29384\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-03-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-03-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-03-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-03-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-03-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-03-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-03-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-03-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-03-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-03.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-04-1024x1024.png\" alt=\"\" class=\"wp-image-29385\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-04-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-04-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-04-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-04-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-04-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-04-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-04-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-04-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-04-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-04.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Mozilla<\/figcaption><\/figure>\n\n\n\n<p>The Zilla slap has disappeared from the logo of the recent Firefox event webpage. The font of the wordmark by Mozilla written underneath Firefox has changed. Fortunately, it is not a dull, bland sans-serif in uppercase. The spur, where the strokes meet inside the a, and the terminal, where the strokes end, are angular. The serifs of the i and l are also angular and pixelated, giving a technical impression.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-05-1024x1024.png\" alt=\"\" class=\"wp-image-29386\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-05-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-05-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-05-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-05-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-05-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-05-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-05-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-05-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-05-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-05.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Mozilla<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-06-1024x1024.png\" alt=\"\" class=\"wp-image-29387\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-06-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-06-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-06-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-06-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-06-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-06-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-06-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-06-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-06-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-06.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Mozilla<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-07-1024x1024.png\" alt=\"\" class=\"wp-image-29388\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-07-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-07-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-07-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-07-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-07-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-07-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-07-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-07-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-07-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-07.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Mozilla<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-08-1024x1024.png\" alt=\"\" class=\"wp-image-29389\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-08-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-08-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-08-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-08-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-08-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-08-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-08-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-08-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-08-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-08.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Mozilla<\/figcaption><\/figure>\n\n\n\n<p>The wordmark and the dinosaur shape on the right are unique. Mozilla is a combination of the first web browser Mosaic web browser and Godzilla. The cult red Tyrannosaurus, which appeared in 1998 after using various dinosaur mascots for a long time, was created by Shepard Fairey, who created Obama&#039;s election poster. This symbol was not used since 2012 and disappeared after the 2017 rebranding. Some see this change as a revival of the symbol from Mozilla&#039;s long history.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-09-1024x1024.png\" alt=\"\" class=\"wp-image-29390\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-09-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-09-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-09-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-09-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-09-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-09-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-09-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-09-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-09-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-09.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Shepard Fairey&#039;s Red Tyrannosaurus \u00a9Mozilla<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-11-1024x1024.png\" alt=\"\" class=\"wp-image-29391\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-11-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-11-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-11-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-11-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-11-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-11-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-11-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-11-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-11-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-11.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">2017 Rebranding Community Final 4 Entries \u00a9Mozilla<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"opinion\">opinion<\/h2>\n\n\n\n<div class=\"forminator-guttenberg\"><form id=\"forminator-module-29396\" class=\"forminator-poll forminator-poll-29396\" method=\"post\" data-forminator-render=\"0\" data-uid=\"69ff84454c06f\" action=\"\"><div role=\"alert\" aria-live=\"polite\" class=\"forminator-response-message\" aria-hidden=\"true\"><\/div><div class=\"forminator-poll-header\"><span id=\"forminator-poll-29396--title\" class=\"forminator-question forminator-poll--question\">What do you think of this Mozilla logo refresh?<\/span><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">More and Sources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.mozilla.org\/\">https:\/\/www.mozilla.org\/<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.mozilla.org\/en-US\/firefox\/nothing-personal\/\">https:\/\/www.mozilla.org\/en-US\/firefox\/nothing-personal\/<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mozilla-europe.myspreadshop.ie\/mozilla+logo+symbol+standard?idea=66673b6b26aac43cbad7c567\">https:\/\/mozilla-europe.myspreadshop.ie\/mozilla+logo+symbol+standard?idea=66673b6b26aac43cbad7c567<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>\ube0c\ub77c\uc6b0\uc800 \ud30c\uc774\uc5b4\ud3ed\uc2a4\uc758 \uac1c\ubc1c\uc0ac \ubaa8\uc9c8\ub77c\uac00 \uc6cc\ub4dc\ub9c8\ud06c\ub97c \ubc14\uafe8\uc2b5\ub2c8\ub2e4. \ubaa8\uc9c8\ub77c\ub294 1998\ub144 \ub137\uc2a4\ucf00\uc774\ud504 \ucd9c\uc2e0 \uac1c\ubc1c\uc790\uac00 \ub9cc\ub4e0 \uc624\ud508 \uc18c\uc2a4 \uc18c\ud504\ud2b8\uc6e8\uc5b4 \uac1c\ubc1c \ud68c\uc0ac\uc785\ub2c8\ub2e4. \ud30c\uc774\uc5b4\ud3ed\uc2a4, \uc36c\ub354\ubc84\ub4dc, \ubc84\uadf8\uc9c8\ub77c \ub4f1\uc758 \uc81c\ud488\uc744 \uc81c\uc791\ud588\uc73c\uba70 \ub77c\ubaa8\uc158\uacfc \ud568\uaed8 \uc9c4\ud589\ud55c \ud30c\uc774\uc5b4\ud3ed\uc2a4 \ube0c\ub79c\ub4dc \ub514\uc790\uc778\uc774 \uc720\uba85\ud569\ub2c8\ub2e4. 2017\ub144 \ub9ac\ube0c\ub79c\ub529\uc744 \uc624\ud508 \ub514\uc790\uc778 \ud504\ub85c\uc81d\ud2b8 \ubc29\uc2dd\uc73c\ub85c \ucee4\ubba4\ub2c8\ud2f0\uc758 \uc758\uacac\uc744 \ubc1b\uc544 \ub9cc\ub4e0 \uc6cc\ub4dc\ub9c8\ud06c\uac00 \ud654\uc81c\uc600\uc2b5\ub2c8\ub2e4. \ub7f0\ub358 \uc2a4\ud29c\ub514\uc624 \uc874\uc2a8 \ubc45\ud06c\uc2a4\ub294 \ub2e4\uc591\ud55c \uc758\uacac\uc744 \ubc1b\uc558\uace0 \uc778\ud130\ub137 \ud504\ub85c\ud1a0\ucf5c\uc744 \uc758\ubbf8\ud558\ub294 :\/\/ \ub97c \ucc28\uc6a9\ud55c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":29383,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,620],"tags":[40,1334],"class_list":["post-29382","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-brand","tag-bx","tag-1334"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2024\/08\/mozilla-logo-refresh-01.png","publishpress_future_action":{"enabled":false,"date":"2026-05-17 04:00:21","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/29382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/comments?post=29382"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/29382\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/29383"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=29382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=29382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=29382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}