Recommended Posts

Redesigning the Windows Logo

We have said that Windows 8 is a complete reimagination of the Windows operating system. Nothing has been left unexplored, including the Windows logo, to evaluate how it held up to modern PC sensibilities. The Windows logo is a strong and widely recognized mark but when we stepped back and analyzed it, we realized an evolution of our logo would better reflect our Metro style design principles and we also felt there was an opportunity to reconnect with some of the powerful characteristics of previous incarnations.

We had a very short list of agencies that we wanted to work with on the redesign of the logo and were thrilled when Pentagram agreed to join us in the project. Pentagram?s illustrious history speaks for itself, but we were particularly attracted to their sense of classic graphic design which fit well with our Metro design principles.

Early in the development cycle for Windows 8, in a conference room on the Microsoft campus, we assembled a kick off meeting with Paula Scher, Michael Beirut and Daniel Weil from Pentagram and a few designers and marketing leaders from Windows and across the company. The team spent a full day sharing some of the Metro style design philosophy; the Windows brand history and values as well as graphic design and technology industry trends.

"To see what is in front of one's nose needs a constant struggle."- George Orwell

That is the feeling we had when Paula Scher (from the renowned Pentagram design agency) showed us her sketches for the new Windows logo.

It?s a window? not a flag

Paula asked us a simple question, ?your name is Windows. Why are you a flag??

In some ways you can trace the evolution of the Windows logo in parallel with the advancements of the technology used to create logos. From the simple two color version in Windows 1.0 to the intricate and detailed renderings in Windows Vista and Windows 7, each change makes sense in the context in which it was created. As computing capabilities increased, so did the use of that horse power to render more colors, better fonts, and more detailed and life-like 3D visual effects like depth, shadows, and materiality. We have evolved from a world of rudimentary low resolution graphics to today?s rich high-resolution systems. And what started as a simple ?window? to compliment the product name became a flying or waving flag.

But if you look back to the origins of the logo you see that it really was meant to be a window. "Windows" really is a beautiful metaphor for computing and with the new logo we wanted to celebrate the idea of a window, in perspective. Microsoft and Windows are all about putting technology in people's hands to empower them to find their own perspectives. And that is what the new logo was meant to be. We did less of a re-design and more to return it to its original meaning and bringing Windows back to its roots ? reimagining the Windows logo as just that ? a window.

5315.winlogo_2D00_history3_5F00_thumb_5F00_20CF425A.jpg

Let?s look back at a few of the versions along the way.

Windows 1.0

Few remember the original Windows logo, yet we found it both refreshing and inspiring in relation to the work we have been doing on the Metro style design visuals. Using simple lines and clear straight forward concept, this logo reminded us of what a great and evocative name we have with ?windows?.

6318.2_5F00_thumb_5F00_0B0559FD.png

Windows 3.1

For many of us this was the image in our mind when we think of past Windows logos. The now classic window shape and the introduction of the four colors were hallmarks of the Windows brand for many years to come. The introduction of the ?waving effect? gives the logo a sense of motion. This logo would be the basis of the Windows versions throughout the 1990s.

4377.3_5F00_thumb_5F00_51161710.png

Windows XP

The next major incarnation of the logo came with the release of Windows XP. What has come to be known as the ?Windows flag? is a cleaner more sophisticated mark than its predecessors. The version that populated the lower left hand corner of Windows PCs next to the word ?Start? also gained a sense of materiality (plastic?) and a 3D effect from the rich gradients and shadows.

5775.4_5F00_thumb_5F00_6939816B.jpg

Windows Vista

The Windows Vista release marked the beginning of the AERO design aesthetic in Windows with a key component of the interface being the ?AERO glass? effect. Replacing the green Start button was the round glass-like button with a now flattened version of the ?flag? from Windows XP. Internally, this icon became known as the ?pearl?. You can see the intricate lighting effects of the faux glass. In many ways signaling just how powerful of a rendering engine the PC had become. This version of the logo was largely unchanged for Windows 7.

1018.5_5F00_thumb_5F00_080FF54A.png

Windows 8

With Windows 8, we approached the logo redesign with a few key goals on mind.

1. We wanted the new logo to be both modern and classic by echoing the International Typographic Style (or Swiss design) that has been a great influence on our Metro style design philosophy. Using bold flat colors and clean lines and shapes, the new logo has the characteristics of way-finding design systems seen in airports and subways.

2. It was important that the new logo carries our Metro principle of being ?Authentically Digital?. By that, we mean it does not try to emulate faux-industrial design characteristics such as materiality (glass, wood, plastic, etc.). It has motion ? aligning with the fast and fluid style you?ll find throughout Windows 8.

3. Our final goal was for the new logo to be humble, yet confident. Welcoming you in with a slight tilt in perspective and when you change your color, the logo changes to reflect you. It is a ?Personal? Computer after all.

0363.Win8Logo_5F00_01_5F00_thumb_5F00_3BD7EB9B.jpg

We hope you enjoy our new logo.

Sam Moreau

Principal Director of User Experience for Windows

Source: The Windows Blog

Just saw it on twitter :/

Replied: @windowsblog I saw this a couple of days ago :/ It looked so bad I thought it was fake... I really hope it grows on me..

And hearing it explained like that, I found myself....agreeing with Pentagram, and wondering just how muddleheaded traditionalism and backlinking to the past has gotten - in and out of technology.

Until now, the central part of the Windows logo has remained "unchanged" since XP, to be honest. Given how much the rest of the product had changed (not even factoring in the changes coming in Windows 8 itself), it comes down to backlinking.

However, expect massive howls of protest.

I like the new logo, it's clean and bold, and reflects the new design of the OS. That said, like lcg above, I like it no more than the current one.

In response to DigitalSnow, I have a feeling the colour of the logo and text is not fixed, and can be variable depending on where it's used. To reflect different editions perhaps. That's the beauty of a flat logo like this. It can also operate in negative (so white logo and text) on a coloured background.

Well? it does look like a real window. And it also looks like tiles. And they have simplified it the Web 2.0 way.

This.

Seriously who are these mugs at the Windows Design team? They SUCK BIG TIME!

The previous colours look like effort was actually put into creating the logo, this however looks like very little work was committed!

Maybe it would look a bit better if it has multicoloured tiles...

I like the new logo, it's clean and bold, and reflects the new design of the OS.

In response to DigitalSnow, I have a feeling the colour of the logo and text is not fixed, and can be variable depending on where it's used. To reflect different editions perhaps. That's the beauty of a flat logo like this. It can also operate in negative (so white logo and text) on a coloured background.

I agree, and yes, the new logo does change colour:

3. Our final goal was for the new logo to be humble, yet confident. Welcoming you in with a slight tilt in perspective and when you change your color, the logo changes to reflect you. It is a ?Personal? Computer after all.

Seriously who are these mugs at the Windows Design team? They SUCK BIG TIME!

The previous colours look like effort was actually put into creating the logo, this however looks like very little work was committed!

Maybe it would look a bit better if it has multicoloured tiles...

The "Windows Design Team" had nothing to do with the logo. Read the article. It was designed by a third party agency. That said though, I hope they didn't pay them too much just to arrange 4 squares at a slight angle :)

I maintain an open mind... but this is just way too monochrome. The multicoloured scheme subtly represented the versatility of Winders, and the flag sort of stated it was the flagship product. I agree with their idea to make the logo a "window" instead, but it really doesn't help much when you overwrite all of the defining visual elements of a household logo.

This topic is now closed to further replies.
  • Posts

    • Exciting! It’s amazing how hearing Japanese can naturally enhance the perceived quality of any experience or product.
    • Your other comment in another article says otherwise, namely "Microsoft veteran wants to replace every single line of C/C++ code with Rust and AI".
    • Sued and... exonerated. Oh, they learned a lesson alright. They learned that anyone who uses the word "antiturst" in conjunction with "Microsoft" is an idiot, even if that person is Judge Thomas Penfield Jackson. That judge ruined the image of the US justice system. Microsoft Edge has a 5.14% market share. Also, Windows is no longer the #1 OS. None of this constitutes a monopoly. Google Chrome, however, has 70.25% share. Also, Google's Android is the #1 OS. Now that's closer to a monopoly.
    • Adobe Acrobat Reader DC 2026.001.21651 by Razvan Serea Adobe Acrobat Reader DC software is the free, trusted standard for viewing, printing, signing, and annotating PDFs. Its the only PDF viewer that can open and interact with all types of PDF content – including forms and multimedia. It’s connected to Adobe Document Cloud – so you can work with PDFs on computers and mobile devices. Adobe Document Cloud is a revolutionary, modern and efficient way to get work done with documents in the office, at home or on-the-go. At the heart of Document Cloud is the all-new Adobe Acrobat DC, which will take e-signatures mainstream by delivering free e-signing with every individual subscription. Document Cloud includes a set of integrated services that use a consistent online profile and personal document hub. With Adobe Document Cloud, people will be able to create, review, approve, sign and track documents whether on a desktop or mobile device. Businesses will be able to take advantage of Document Cloud for enterprise which provides enterprise-class document services that integrate into systems of record such as CRM, HCM, CLM, and CMS, adding speed, efficiency and transparency to getting business done with documents. Adobe Acrobat Reader DC new feature highlights: Work with PDFs from anywhere with the new, free Acrobat DC mobile app for Android or iOS. Select functionality is also available on Windows Phone. Use the new Fill & Sign tool in your desktop software to complete PDF forms fast with smart autofill. Download the free Adobe Fill & Sign mobile app to add the same option to your iPad or Android tablet device. Save money on ink and toner when printing from your Windows PC. Store and access files in Adobe Document Cloud with 5GB of free storage. Get instant access to recent files across desktop, web, and mobile devices with Mobile Link. Sync your Fill & Sign autofill collection across desktop, web, and iPad devices. Adobe PDF Pack premium features includes: Convert documents and images to PDF files. Use your mobile device camera to take a picture of a paper document or form and convert it to PDF. Turn PDFs into editable Microsoft Word, Excel, PowerPoint, or RTF files. Combine multiple files into a single PDF (web only). Get signatures from others with a complete e-signature service. Send, track, and confirm delivery of documents electronically instead of using fax or overnight services (tracking not available on mobile). Store and access files online with 20GB of storage. Download: Adobe Acrobat Reader DC 64-bit | 719.0 MB (Freeware) Link: Adobe Acrobat Reader DC Home Page | Release Notes | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
  • Recent Achievements

    • Week One Done
      JKR earned a badge
      Week One Done
    • Rookie
      moog19 went up a rank
      Rookie
    • Mentor
      grik went up a rank
      Mentor
    • Dedicated
      JKR earned a badge
      Dedicated
    • One Year In
      CHUNWEI earned a badge
      One Year In
  • Popular Contributors

    1. 1
      +primortal
      490
    2. 2
      PsYcHoKiLLa
      271
    3. 3
      Skyfrog
      75
    4. 4
      Steven P.
      68
    5. 5
      FloatingFatMan
      64
  • Tell a friend

    Love Neowin? Tell a friend!