---
url: /foundations.md
description: >-
  Foundations inform the basis of any great user interface, from accessibility
  standards to essential patterns for layout and interaction.
---

# Foundations

Foundations inform the basis of any great user interface, from accessibility standards to essential patterns for layout and interaction.

![Foundations](/assets/729910f3-mroczzd8-foundations.BGysLyxA.webp)

::: tip Do
[![](/assets/968c622a-mo9szlo4-found1.ClRg9IFv.webp)](foundations/overview/principles.md)

Accessible design enables users with diverse abilities to navigate, understand, and enjoy a UI.
:::

::: tip Do
[![](/assets/f0a07729-mo9t1470-found2.XYcAwdpK.webp)](foundations/content-design/overview.md)

UX writing and information design make UIs easy to use.
:::

::: tip Do
[![](/assets/daba8075-mo9t4aqq-found3.D4unsg4W.webp)](foundations/customization.md)

M3 makes brand expression in an interface simpler and more beautiful than ever before.
:::

::: tip Do
[![](/assets/ca00f5ab-mo9t5b8x-found4.DtylIt6M.webp)](foundations/design-tokens/overview.md)

Tokens store style values like colors and fonts so the same values can be used across designs, code, tools, and platforms.
:::

::: tip Do
[![](/assets/cd32e8ce-mo9t6pnb-found5.O8LS8PD0.webp)](foundations/interaction/states/overview.md)

States are visual indicators used to communicate the status of a component or interactive element.
:::

::: tip Do
[![](/assets/a575cea6-mo9th5m2-found6.CrkI4w5o.webp)](foundations/layout/layout-overview/overview.md)

Layout is the visual arrangement of elements on the screen.
:::

::: tip Do
[![](/assets/448da801-mo9tit89-found7.CRRZdGn-.webp)](foundations/glossary.md)

Get to know the key terms and concepts behind Material, from A to Z.
:::

::: tip Do
[![](/assets/a6cab476-mo9tpxur-found8.CxR16IEs.webp)](foundations/building-for-all/user-needs.md)

Building for everyone with everyone
:::