Graphics Design
· The Brand Identity – Home of the Greatest in Graphic & Brand Design· The Brand Identity

Microsoft’s identity for Copilot positions it as a tool for work — The Brand Identity – Home of the Greatest in Graphic & Brand Design

Microsoft has spent 50 years building the tools people use to work. So, when redesigning Copilot’s identity, the team began by asking what distinctly Microsoft point of view on work it should express. Microsoft’s in-house teams led the redesign – bringing in COLLINS to explore the mark and Koto to help expand it into the wider identity – from imagery and colour to composition and product representations.

Everyone’s work spans apps, documents, websites and conversations, which at times, can be exhilarating and deeply satisfying; at others, intense, frustrating and exhausting. Often in a single day. Guided by Microsoft’s principles, which put people before technology, the new identity presents Copilot as a partner in that reality, helping people feel smarter and more capable at work.

The identity’s foundational idea is ‘the power of things coming together,’ and three principles put it to work, guiding the team wherever the brand guidelines give no literal answer. The first, ‘click into place,’ expresses the idea most directly, using collage, overlap and composition to bring documents, context and work together. ‘Intelligence with ease’ brings simplicity and calm to the complexity of work through sophisticated palettes and considered compositions, and ‘lightness with wit’ introduces moments of humour, surprise and delight. The brand also works as one system across product and marketing, so the same gestures, colours, patterns and behaviours appear across type, illustration, UI, notifications, motion, photography and advertising. “This identity is pure, simple and true, and that’s its strength. The product doesn’t need marketing to invent a world around it, and marketing doesn’t need to exaggerate what the product is,” notes Microsoft’s GM, Global Brand & Creative, Sven Seger.

The previous icon was a recognisable part of Copilot, but it stayed still while Copilot worked through a request, even though much of the experience happens between a question and its response. “What if the icon could join the conversation?” asks Microsoft’s VP of Product Design & Creative Lucas Fitzpatrick. If the mark was going to move, it had to stay unmistakably Copilot in every frame, so the designers returned to the fundamental geometry of Microsoft’s visual language, exploring what could happen when simple forms came together and moved in relation to one another.

Working with COLLINS, the team tested many proportions, angles and spacings before settling on two distinct forms that create a single silhouette and can separate, shift and reconnect without losing their relationship. The forms lean at 14°, with corners rounded at radii of 55px and 75px. The studio, which developed the mark and its foundational motion behaviour, describes the two shapes as a nod to the geometry of the main Microsoft logo, which it worked on years ago, and to the two kinds of intelligence that Copilot brings together – human and technological. Microsoft’s in-house teams then worked closely with COLLINS to refine the mark to its final state. Like the mark’s two forms, the typography pairs Segoe Sans, Microsoft’s familiar humanist typeface, with Segoe Serif – the sans brings openness and clarity, and the serif adds character and expression.

To show what Copilot is doing, the team built a shared motion language for the mark around three thinking states – the moments when Copilot is busy thinking through a request, planning the next steps or retrieving context from people’s files and work. Each state is a simple gesture in which the two forms move in relation to each other and come back as one. The gestures follow Copilot across Microsoft’s ecosystem, so one that appears in Windows looks familiar again in Word or PowerPoint. Deciding how the seconds that Copilot spends on a request should look and feel took “a room of brand, product and motion designers months,” Fitzpatrick writes.

What began in the mark became a behaviour for the entire identity – things move, find each other and connect. From there, the team developed two modes of motion – float and snap. Float is softer, slower and more immersive, as imagery and elements drift and rotate subtly through space, accelerating only as they approach their point of connection. Snap is quick, precise and a little witty. It appears in UI-scale moments as text arrives, a slide clicks into position, an image finds its place or elements reconfigure around the work, often with a brief hold followed by a fast transition. “Float creates possibility; snap creates resolution. They reflect the states of mind we naturally move through as we work: exploring what could be, then finding clarity and moving forward,” Microsoft’s Senior Creative Director Aleksey Fedorov tells us.

Working with Koto, the teams grounded Copilot in the work experiences that people already know. They took the wider identity’s ingredients from Office apps such as Word, Excel, PowerPoint and Outlook, reinterpreting their menus, buttons, cells, slides, documents, shapes and grids, so that UI, patterns, imagery and textures overlap, intersect and snap into new compositions. The identity also brings in the tactility of physical offices, with their notes, printouts and paper, so familiar Office patterns appear as part-digital, part-physical objects treated with a little wit. That wit extends into the illustration, which uses simple line gestures and dimensionality. If Office grounds the identity in the reality of work, the team sees Copilot as adding intelligence, possibility and levity. “Your feet are on the ground, but your head is in the sky,” Fedorov explains.

The palette has the same tension between grounding and possibility. The sky appears as gradients of luminous blue, from almost white to deeper, more immersive tones, evoking openness, possibility and blue-sky thinking, while fresh, grassy greens bring the system back down to earth. Together, they subtly echo the green-field-and-blue-sky imagery long associated with Microsoft and Windows. The team spent a long time finding a green that didn’t simply look like Excel green but felt distinctly Copilot – brighter and fresher. The blues and greens sit on a neutral base, while Word blue, Excel green, PowerPoint orange, Teams purple and Outlook blue appear as accents, tying Copilot to the tools of everyday work.

Colour becomes most expressive at the points where things meet, such as where UI meets photography or pattern meets texture. In product, the palette can be quieter and more functional, and in marketing and print it can become richer, more tactile and more expressive. “It’s not one exact colour value that makes something feel like Copilot. It’s how the colours come together, and the relationships between them, that create the identity,” Seger details.

Microsoft’s identity for Copilot positions it as a tool for work

Microsoft’s point of view on work is most visible in the photography, which shows work as people experience it – real, recognisable and often imperfect – in moments that feel observed, such as someone leaning over a desk to look at something, a notification arriving during a commute, a work call taken on holiday or the slightly competitive moment when someone realises a colleague has built a better Excel spreadsheet. “People are always the heroes, not the AI,” Fedorov notes of film and storytelling. “Everything comes together around the person and the work they’re trying to do. Copilot doesn’t take over the work or define the destination.”

For Copilot’s global advertising campaign, Microsoft worked with its partners at Droga5, spending a lot of time on what the world of work should look and feel like. In film, Copilot appears through minimal gestures, such as a prompt being typed, the mark moving through a thinking state or a quick snap as something resolves. On screen, it often sits towards the lower right of the frame, echoing its place in Office. “I think of the system almost as having different volumes,” Seger concludes. “In an immersive digital expression, we can turn the volume up: more UI, more intersection, more motion, more clicking together. In a global campaign, we turn some of those elements down so people, emotion and storytelling can come forward.”

Открыть оригинал