Google Design @GoogleDesign

Design resources and inspiration from Google — including the Material Design system, Google Fonts, and emerging concepts. design.google Joined April 2014

Tweets

3K
Followers

224K
Following

436
Likes

3K

Google Design @GoogleDesign

2 weeks ago

When choosing web fonts, don't underestimate your needs. The more styles, characters, and scripts a font supports, the better prepared you'll be. Learn more → design.google/library/choosi…

15 1 42 8K 13

View Details

With great UX writing, you can create interfaces that are clear, concise, and accessible to everyone. Here are a few tips: ✅ explain the consequences of user actions in neutral and direct language. ✅ use scannable words and formats, like as headings and subheads ✅ avoid abbreviations and spell out words whenever possible Learn more → m3.material.io/foundations/co…

4 4 94 8K 38

View Details

Google Design @GoogleDesign

3 weeks ago

Which Material Design component makes your Android UI pop?

3 0 19 8K 3

View Details

Google Design @GoogleDesign

3 weeks ago

¹Repairability options may vary depending on region and availability. Self-service repair is only recommended for adults with the technical expertise to safely repair electronic devices. If you choose to perform self-repair, you agree to assume the risks associated with it. See g.co/repair

0 1 4 2K 0

View Details

Google Design @GoogleDesign

3 weeks ago

Good design starts from the inside out. Inside Pixel 11 and Pixel Watch 5, color-coded screws, pull tabs, and visual guides make repairs straightforward. Small details, but they make a real difference when you're swapping a battery. Built to last—and built to be fixed. Explore how industrial design tackled hardware repair: sustainability.google/stories/pixel-…

4 15 392 15K 43

View Details

Google Design @GoogleDesign

4 weeks ago

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 886 63K 290

View Details

Google Design @GoogleDesign

4 weeks ago

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 67 8K 7

View Details

Google Design @GoogleDesign

4 weeks ago

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 154 8K 41

View Details

Google Design @GoogleDesign

a month ago

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 698 305K 181

View Details

Google Design @GoogleDesign

a month ago

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 100 14K 21

View Details

Google Design @GoogleDesign

a month ago

What if tackling the climate crisis called for radical collaboration instead of competition? 🤔 Time for a new design mindset → design.google/library/sustai…

1 0 22 8K 12

View Details

Google Design @GoogleDesign

a month ago

Need a user's confirmation or action? Snackbars can be configured with actions like "Undo" or "Learn More," giving them persistence until the user engages or dismisses the message. This flexibility ensures critical information is conveyed without hindering the user experience.

1 0 4 2K 0

View Details

Google Design @GoogleDesign

a month ago

Designed for minimal interruption, Snackbars leverage time-based auto-dismissal, disappearing after a few seconds to keep the user's focus on their primary task.

1 0 4 3K 0

View Details

Google Design @GoogleDesign

a month ago

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 136 10K 25

View Details

Google Design @GoogleDesign

2 months ago

Design ethics are more important than ever. How do you ensure your designs are ethical and responsible, considering their potential impact?

10 1 47 9K 12

View Details

Google Design @GoogleDesign

2 months ago

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 15K 132

View Details

Google Design @GoogleDesign

2 months ago

📚 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.

0 0 29 9K 12

View Details

Google Design @GoogleDesign

2 months ago

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

0 6 65 9K 7

View Details

Google Design @GoogleDesign

2 months ago

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?