# Material Design

- **Website:** <https://material.io>
- **Primary alias:** `material.io`

## Description

Material Design 3 is Google’s open-source design system, offering guidance and resources for creating user-friendly interfaces. It brings together design foundations, visual styles, and reusable components to help people develop coherent digital experiences. The system is organized around dedicated sections for getting started, development, foundations, styles, and components, making its resources accessible to users at different stages of a project. Its foundations and styles provide guidance for shaping an interface, while its components offer building blocks for putting that guidance into practice. The site also includes a blog for updates and related content, along with controls for switching between light and dark viewing modes. As an open-source system, Material Design 3 provides a shared resource for interface design and development, rather than a single standalone product. Its focus is on helping users create interfaces that are both usable and consistent, supported by comprehensive guidelines and practical design resources from Google.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Programming and Developer Software _(under Computers Electronics and Technology)_
- 🖥 Graphics Multimedia and Web Design _(under Computers Electronics and Technology)_

## Links

- [github](https://github.com/material-components)
- [twitter](https://twitter.com/materialdesign)
- [youtube](https://youtube.com/materialdesign)

## Logos & icons

- logo _(primary)_ — PNG — [download](https://cdn.brandfetch.io/id7GbjVn_a/w/180/h/180/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1792119730754)
- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/id7GbjVn_a/w/176/h/176/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1792119730867)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Woodsmoke | #141217 | dark |
| Dolly | #f5ff8b | light |
| Bahama Blue | #00639b | accent |

## Fonts

- Google Sans — asset _(google)_
- Google Sans Text — asset _(custom)_

## Imagery

- banner _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/id7GbjVn_a/w/1500/h/500/idGboj0tgS.jpeg?c=1bxid64Mup7aczewSAYMX&t=1792119731050)

---

_Source: <https://brandfetch.com/material.io>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._