Design resources and inspiration from Google — including the Material Design system, Google Fonts, and emerging concepts.
- Tweets 2,681
- Following 436
- Followers 224,117
- Likes 2,929
In dark mode, darker skin tones have often vanished against deep gray and black chat bubbles. When the silhouette disappears, so does the meaning.
Nobody should have to choose between using their actual skin tone and having their messages be legible.
To fix this across 3,977 characters, we paired an AI-powered contrast audit tool with hand-sculpted rim lighting to preserve rich tone and clarity on every screen.
Read how we built it → goo.gle/4diXoc0
#accessibility #3demoji #noto3d
15
36
883
61,183
In 2D illustration, you only solve for one angle. In 3D, there’s nowhere to hide.
Case in point: Sculpting our flat poodle in full dimension revealed she only had three legs the entire time. (Don't worry, she now has all four.)
A few favorite process moments and near-misses from building Noto 3D, now up on design.google → goo.gle/4diXoc0
7
1
64
7,517
When choosing web fonts, consider the size. Sans serifs work well for small sizes, while Geometric or Humanist styles are suitable for medium sizes. For large text over 24pt, Display fonts are a great choice. They have striking features that stand out at larger sizes.
1
5
153
7,505
In a live chat, ending a sentence with a period reads like an act of aggression. That’s just the emotional tax of talking through glass. To bring real warmth, bounce, and presence back to the screen, we’re rolling out Noto 3D.
Go behind the scenes with @jenniferdaniel to see how translating our flat emoji into full 360° dimensional characters unlocked unexpected design challenges → goo.gle/4diXoc0
#GoogleDesign #3D
24
60
692
300,701
We’re honored to be named @FastCompany’s 2026 Design Company of the Year!
Our holistic design vision—from @GeminiApp to @GoogleMaps’ Immersive Navigation and AI Mode in Search—is built on a design language for the AI era to make complex tools feel intuitive, helpful, and deeply human.
Read more: design.google/library/design…
5
6
98
14,013
What if tackling the climate crisis called for radical collaboration instead of competition? 🤔 Time for a new design mindset → design.google/library/sustai…
1
22
8,005
Snackbars are #MaterialDesign's solution for delivering concise, contextual feedback within your app. They offer a lightweight alternative to dialogs, appearing briefly at the bottom of the screen without disrupting the user's flow.
13
3
135
9,377
From its humble beginnings rooted in the physicality of paper to its future with AI-powered personalization, Material Design has come a long way.
Join us as we explore the evolution of #MaterialDesign with insights from five Google designers → goo.gle/4eLOkKL
#M10
3
15
239
14,583
📚 Time to brush up on our typography skills! This month, the #GDBookClub is diving into Robert Bringhurst's "The Elements of Typographic Style," a classic guide for creating beautiful and effective type.
29
8,410
Good design leaves a paper trail—or in our case, a textile trail. 🧵
Recrafted by Google Pixel turns years of Pixel Watch and Fitbit prototyping remnants into a limited run of handcrafted phone wristlets and charms.
Experience the Tokyo Capsule Collection now, exclusively at the new Tokyo Google Store. 🇯🇵
#googledesign #googlehardware #circulardesign #pixel #pixelwatch
6
66
8,722
In #MaterialDesign 3, Extended FABs are the most prominent button type and should be used when a regular FAB (with just an icon) may not be clear enough for the user.
What factors do you consider when determining whether or not to use an Extended FAB?
8
6
144
18,048
Celebrating small wins is hardwired into "Achieve," our goal-tracking sample app.
We wanted the simple act of checking off a task to feel like a celebration. Instead of the standard #Material ripple, we used Styles to drop in a custom, high-contrast completion animation—specifically, a brand-colored ring that expands and fades on tap, paired with a subtle pressed-state gradient.
It lets us focus entirely on polishing those custom, rewarding micro-interactions while Material handles the foundation.
#GoogleDesign #MaterialDesign #JetpackCompose #AndroidDev #UXDesign #InteractionDesign
980
71
1,499
4,386,894
Explore the world of Material Design icons and discover how these small but mighty symbols can elevate your designs: goo.gle/4eDO5RQ
1
2
14
2,950
We believe in accessibility for everyone. That’s why our icon system is designed to be legible and understandable, regardless of screen size or visual ability.
1
26
3,362
From navigation to actions and everything in between, our icons guide users intuitively, communicating meaning at a glance. They’re small, but mighty design elements!
1
1
31
5,209
Icons are the visual shorthand of digital interfaces. In #MaterialDesign, we craft them with purpose and precision, ensuring clarity and consistency across all experiences.
8
24
440
32,562
Change your app's look without touching code.
With the Styles API, you can swap colors and visuals dynamically. Instead of forking components, you can keep them tied to Material and skip the maintenance pain for updates.
Try it here:
developer.android.com/develo…
#GoogleDesign #MaterialDesign #JetpackCompose #AndroidDev #UXDesign #MobileAppDev
7
21
385
31,261
Coming out of #Config, the buzz is clear: code is now a design material. But when the friction of execution is eased, how do we protect the strategic thoughtwork that's so essential to design?
Senior UX Designer, Katie Jacquez, shares how she used AI to prototype a Google Store tool in under two days—and why she ultimately returned to fundamentals to get the right user experience.
Read the full piece on design.google: goo.gle/4wTXP3L
1
5
48
12,503
Design with purpose. Design with Google. We're hiring passionate designers to create intuitive, accessible, and visually stunning experiences for our users.
Learn more → goo.gle/4cqTQkK
3
4
53
12,072
Language is the architecture of an interface. 📝
Check out the latest Design Notes episode featuring Megan Kasselberg, Senior UX Writer and Content Designer for Material Design. She dives into storytelling at scale, earnest expression, and UX writing in the age of AI.
Her core advice for modern design teams? You need dedicated UX writers on your roster. As generative AI and agentic coding continue to evolve, text remains the foundational element of the interface.
Listen to the full episode here: design-notes.show/
4
6
35
11,259
We also know dark-toned emoji can get lost in dark mode. To beat this accessibility roadblock, we optimized 3,977 redesigned emoji with an AI-powered contrast tool to ensure clear readability for everyone.
Read the full behind-the-scenes story: blog.google/products-and-pla…
#A11y #UXDesign
3
5
47
5,360
What does the back of a smiley face actually look like? 🤔
Transitioning a massive design system from flat pixels to 3D means solving unexpected spatial challenges. Here's how we tackled these questions to deliver a first-of-its-kind library: blog.google/products-and-pla…
#DesignSystem #SpatialUI
1
8
58
8,522
Bring a whole new dimension to your UI this #WorldEmojiDay!
You can now access Google’s entire Noto Emoji library redesigned as true, open-source 3D models.
26
115
1,720
106,697
💻 SUSE Mono
A hybrid monospace font that blends geometric precision with total legibility. It's clean, efficient, and translates beautifully across both digital and print layouts.
🔗 fonts.google.com/specimen/SU…
1
1
9
2,309
🇻🇳 MoMo Family
A cohesive typographic system built for Vietnam's leading e-wallet app. Trust Sans and Display bring a sleek, rounded look, while Signature introduces a warm, handwritten touch for a friendly, human voice.
🔗 fonts.google.com/?query=momo
1
1
18
1,697
⚔️ Sekuya
An all-caps display serif that reworks classic curves for a bold, modern feel. It was originally built for an epic anime fantasy game, making it perfect for striking headers and hero sections.
🔗 fonts.google.com/specimen/Se…
1
15
2,187
✨ Google Fonts Round-Up ✨
If you aren't using @googlefonts yet, consider this your sign. It’s a massive, open-source catalog built to bring instant personality to your websites, apps, and design projects.
We’re kicking off a new monthly series featuring our favorite finds.👇
4
12
121
11,027
⚔️ Sekuya
An all-caps display serif that reworks classic curves for a bold, modern feel. It was originally built for an epic anime fantasy game, making it perfect for striking headers and hero sections.
🔗 fonts.google.com/specimen/Se…
2
1,067
When it comes to organizing content into easily navigable views, Material Design's tab system is your secret weapon. Tabs provide a clear, intuitive way for users to access different sections of content within a single screen.
3
7
127
10,911
It’s all part of our broader push to cut upstream waste. By redesigning our operations, we’ve eliminated 150 tonnes of plastic from our manufacturing and logistics packaging to date*.
Huge congrats to the cross-functional team who wove this together! 🧶
Read the full Product Environmental Report: goo.gle/4vftStG
2
1
15
3,001
Plus, the speaker features over 37% recycled materials* by weight and arrives in 100% plastic-free packaging**
2
1
13
1,876
Our breakthrough? A 3D-knit enclosure* we nicknamed "The Magic Sock." 🧦
By dropping adhesives for this seamless knit, we cut waste without sacrificing aesthetics. This design uses ~63% less material and 99% less adhesive than the first-gen Nest Audio**, making rework during production easier, and cleaner disassembly for the future
2
3
26
3,280
Our new Google Home Speaker pairs brilliant sound and stunning design with sustainability in mind. Here’s the design story 👇
Previously, our speaker fabric was glued directly to the plastic. This made recycling and factory rework incredibly difficult.
6
13
255
25,579
In the realm of mobile and tablet design, screen real estate is precious. #MaterialDesign's bottom app bar ensures your most important actions are front and center, providing quick access to key features within a compact and intuitive component.
2
6
69
8,095
The Google Maps team used satellite images to help them choose the right colors for different natural features. The updated color palette has improved accessibility and made it easier to understand different topographies. Check out the before & after...
2
3
63
8,311
In a world overflowing with information, search is a lifeline. #MaterialDesign provides robust and flexible search components to help users find exactly what they need, effortlessly.
3
9
108
7,085
Meet the new adaptive spacing system, announced at #GoogleIO.
Built on a flexible 8dp scale, it allows components and layouts to seamlessly adapt to any screen size.
Read how to implement it in your design system: goo.gle/49wI61w
2
16
192
13,318
Your interfaces should adapt beautifully across all devices. 📱⌚️🕶️
Our new adaptive layout tools will make your app look stunning on every screen size. Plus, we’ve updated our layout principles and guidelines to help you design across desktop, mobile, watches, and even immersive XR experiences.
Read here: goo.gle/4o0nMLR
1
14
138
9,934
Everything we announced at #GoogleIO, wrapped up in one blog post!
Get up to speed on our shift from Material Views to Jetpack Compose, as well as our new expressive layout guidelines, adaptive spacing system, and design guidance for watches and XR: goo.gle/4vgI85Z
2
16
299
17,482
Design for every screen size without the headache. 📱💻
Catch our Google I/O session to learn how our adaptive components let you build once and deploy everywhere, from wearables to foldables → goo.gle/4dyrtFa
#GoogleIO #MaterialDesign #UserExperience
1
12
198
15,531
Ready to level up your app’s UI? 🎨 We’re introducing a sneak peek of the Styles API.
Discover how to customize Material 3 to match your specific visual identity — all without losing the accessibility and logic you rely on → goo.gle/4vgFxJw #UXDesign #GoogleIO
3
19
227
15,334
Want to add more personality to your UI? 🎨 Check out the expansion of the Material 3 Expressive kit in our I/O session. You'll get a first look at the latest components, including updated lists, search, and timepickers → goo.gle/4dyrtFa
#GoogleIO #AndroidDev #JetpackCompose
5
15
218
11,685
Build premium, adaptive apps faster than ever. 🚀 We’re officially going "all in" on Jetpack Compose!
While Material Views 1.14 is our final stable release for Views, we’re moving all our innovation to the Jetpack Compose library.
Tune into our I/O session to learn how we're supporting a more streamlined development experience → goo.gle/4dSUH1v
#JetpackCompose #MaterialDesign #AndroidUX #GoogleIO
6
12
122
9,350
Stop forking your design system and losing out on critical updates. 🛠️ You told us that keeping a custom brand identity in sync with Material was a major pain point, so we’re solving it.
Watch our "Make Material Your Own" session at I/O to learn how to stay connected to Material while building a look that is entirely yours → goo.gle/43nYjCw
#MaterialDesign #GoogleIO #DesignSystems #UX
4
9
136
25,972
Google I/O is here! Tune in to discover the latest updates from our design team 🎨 → io.google/2026/ #GoogleIO #UXDesign
1
4
52
5,526
📚 We're going back to the fundamentals of design with #GDBookClub! This month, we're diving into "Notes on the Synthesis of Form" by Christopher Alexander, a groundbreaking work that challenges traditional approaches to design thinking.
1
1
27
3,745
Design is more than just a job—it's a chance to make a difference. At Google, our designers are solving complex problems and shaping the future of technology.
Explore opportunities → goo.gle/4cqTQkK
2
3
97
10,102
Material Design’s switches are more than just simple toggles – they’re carefully crafted components that provide a tactile and satisfying user experience for controlling binary states.
11
11
206
14,200
Explore the intersection of design and accessibility with Atkinson Hyperlegible! → goo.gle/3ASOlP1
Developed for Braille Institute, this typeface champions readability for everyone.
8
57
5,095
Screen time is a useful metric, but it's not the whole story of digital wellbeing. Context matters!
Dig into the details and get inspired to design for healthy tech habits → design.google/library/design…
20
3,613
Top tips on text resizing:
✅ support a minimum text increase of 200%
✅ scale line height and text proportionately, while keeping padding and scaing consistent
✅ avoid issues by increasing container size, reflowing layout, enabling scrolling, and adding tooltips
Learn more → m3.material.io/foundations/w…
2
17
126
8,580
Big news: Material 3 Expressive is a Webby Award Nominee! 🏆
The New York Times calls this the “Internet’s highest honor,” and we're in the final running for Best User Experience. We need your help to climb the leaderboard! 📈
It only takes a second to vote:
🔗 vote.webbyawards.com/PublicV…
Get yours in soon—voting ends Thursday, April 16th at 11:59pm PDT! ⏳
#Webbys #MaterialDesign #UserExperience
5
10
104
10,282
Designers! Ever feel like your design system is a jumbled mess? Maybe it's time to take a page from music theory. 🎶 design.google/library/sounds…
1
2
30
4,502
Stop guessing at easing curves and start using physics. 🎢 With M3’s spring-based motion tokens, you can create UI transitions that feel natural and responsive instead of robotic.
Use the expressive motion system to bring your app to life → goo.gle/4e6ftv0
#MaterialDesign #UX #AndroidDev
6
34
356
27,324
On the hunt for the right font? The length of your text is key. We recommend using expressive fonts for headlines, flexible fonts for medium-length text, and legible serifs for longer content.
1
1
43
4,325
Top tips on #UXwriting for a gloabl audience:
✅ keep it short and simple
✅ generalize examples & explain local references
✅ clarify pronouns like "it" and "that" to ensure accurate translation
Learn more about #MaterialDesign guidelines on word choice for creating globally accessible interfaces: m3.material.io/foundations/c…
5
44
5,133