Skip to content
Work

DEVELOPED AT ·GOOGLE BRAND STUDIO ·FOR ·DEEPMIND ·WEB

Google DeepMind

Google DeepMind's new landing page; showcasing cutting-edge technology and advancements in artificial intelligence to benefit humanity.

View live page

About

In April 2023, Google announced the merger of DeepMind and Google AI's Brain division into a single, focused unit called Google DeepMind. This represented a major consolidation of Google's AI research efforts. As part of this merger, the organisation's web presence needed to be unified under a new URL (deepmind.google) and a refreshed visual identity that reflected the combined entity's mission.

MultiAdaptor had partnered with DeepMind on its brand since 2018. For this rebrand, the collaboration expanded to include Google Brand Studio EMEA and Berlin-based someform Studio. The website launched on November 9, 2023, serving as the primary digital touchpoint for the newly formed organisation.

The new identity was designed to feel lightweight and minimal, but inherently positive, framing Google DeepMind's work and mission in an accessible and engaging way. Key design elements include:

  • Typography: Two bespoke font families created with type foundry Colophon — DM Serif (representing rigour and integrity) and DM Sans (modern and accessible). Typography is clean and functional with the ability to express ideas through type-play.
  • Colour palette: A recognisably Google colour palette that responds and adapts to content and context.
  • 3D visual system: Mathematically-inspired three-dimensional shapes created by someform Studio, representing the diversity of roles and disciplines at DeepMind. When shapes meet, imagery is revealed where they overlap, illustrating scientific breakthroughs from unexpected collaborations.
  • Icon library: A scalable icon library to communicate the complex nature of DeepMind's work and guide users around the site.
  • Motion principles: Robust but flexible motion principles derived from the brand principles, which could be adjusted to make expert content accessible to a broad audience.

The visual language uses three core component types: solid geometric shapes representing ML models, flexible "agent" forms, and connecting elements — together illustrating relationships between AI systems.

The website was rebuilt from scratch with a strong focus on performance and scalability. The development philosophy prioritised shipping code close to the metal:

  • HTML and CSS first: Emphasis on HTML and CSS as the foundation, with JavaScript consciously treated as an "afterthought" — only used where truly necessary.
  • Native WebComponents: Complex JavaScript-driven effects, animations, and logic were implemented using native WebComponents rather than heavy frameworks.
  • Python/Django backend: The back-end was built with Python and Django, using Jinja2 templating.
  • CMS integration: Python bindings were set up to connect with Google's internal CMS.
  • TypeScript: Used for typed JavaScript functionality where needed.

The website was designed to thoughtfully organise a vast array of content, making it accessible to everyone from top scientists, to press, and the general public.

Challenges

The primary technical challenge was organising and presenting a vast array of complex scientific content in a way that was accessible to diverse audiences — from AI researchers and scientists to journalists and the general public. The solution involved:

  • A performance-first approach using semantic HTML and CSS
  • Native WebComponents for interactive elements rather than heavy JavaScript frameworks
  • Python/Django backend with Jinja2 templating for server-side rendering
  • Integration with Google's internal CMS via custom Python bindings

Results

The deepmind.google website became the primary web presence for one of the world's leading AI research organisations. The site served as the platform for major product announcements, including the Gemini 2.0 launch. According to SimilarWeb data, deepmind.google receives significant traffic as the hub for Google's AI research communications.

The Behance case study for the visual identity garnered 4,424 likes and 58,735 views, indicating strong interest from the design community.

Quotes

“Google DeepMind is live. Bringing this brand into motion was so rewarding. I defined robust but flexible motion principles derived from the brand principles — dialed up or down to make diverse and expert content accessible and relevant to the breadth of Google DeepMind's varied audience.”

Charlie Clark , Motion Designer at MultiAdaptor Source

Press / Media

Further Reading

# Source Type URL
1 MultiAdaptor - DeepMind Case Study https://www.multiadaptor.com/work/deepmind/
2 someform Studio - DeepMind Branding Case Study https://someform.studio/DeepMind-Branding
3 Google DeepMind - Behance Portfolio https://www.behance.net/gallery/175456361/Google-DeepMind
4 Ross West Portfolio Portfolio https://rsswst.cargo.site/google-deepmind
5 Ross West - Lovers Magazine Interview Interview https://spaces.is/loversmagazine/interviews/ross-west
6 Matthias Winckelmann Portfolio Portfolio https://www.mwinckelmann.com/deepmind
7 Visuelle - Google DeepMind Feature https://visuelle.co.uk/google-deepmind/
8 Stash Media - DeepMind Rebrand Press https://www.stashmedia.tv/deep-inside-the-deepmind-rebrand-with-someform-studio/
9 Motionographer - DeepMind Press https://motionographer.com/news/a-3d-design-application-for-google-deepmind/
10 Charlie Clark LinkedIn Post Social https://www.linkedin.com/posts/charlieclarkdesign_google-deepmind-is-live-bringing-this-brand-activity-7152601368489312256-q99a
11 Upperquad - Gemini Case Study https://upperquad.com/work/gemini
12 Jeimy Caviedes - DeepMind Brand System Portfolio https://jeimycaviedes.com/copy-of-deepmind-brand-system
13 Google Blog - Announcing Google DeepMind Blog https://deepmind.google/discover/blog/announcing-google-deepmind/
14 Google Blog - AI Update Blog https://blog.google/technology/ai/april-ai-update/
15 Wikipedia - Google DeepMind Reference https://en.wikipedia.org/wiki/Google_DeepMind
16 Known Studio - DeepMind Portfolio https://knownstudio.co/work/deepmind
17 Ads of the World - Inside Google DeepMind Campaign https://www.adsoftheworld.com/campaigns/inside-google-deepmind

Credits

  • Front End Developer, Creative Technologist

    Pim de Wit

  • Technical Lead

    Bradley Griffiths

  • Front End Developer

    Craig Rogers

  • Producer

    Jenny Yeung

  • Back End Developer

    David Buxton

  • Designer

    Ross West

Stack

HTML, CSS, TypeScript, Python, Django, Jinja2