Liquid Glass is for toolbars, sidebars and navigation. Content never uses it.

It has no color of its own. It blurs and adjusts to the content moving behind it.

At most one or two tinted primary actions per view. Labels stay monochrome.

Symbols and labels switch between light and dark to stay legible on any background.

In Google's research across 46 studies, participants spotted key UI elements up to four times faster in Expressive designs.

Material 3 dynamic color builds tonal palettes from the user's wallpaper, so each device feels personal.

Large rounded corners (up to 28dp in Material 3) and pill contours group related elements clearly.

With more than 18,000 participants, Expressive designs were preferred by people of all ages, up to 87% among 18–24-year-olds.

Each icon is drawn on a consistent grid, so strokes line up at common sizes.

Consistent visual density across the solid and regular styles shown here. Light, thin, and duotone are Pro styles.

Vectors stay sharp at any size.

Icons are named and grouped by meaning, so they're easy to find.

Weight, fill, grade and optical size all adjust continuously from a single font file.

Switch between outlined and filled glyphs to show which item is active.

Strokes thicken slightly at small sizes so icons stay clear.

Simple shapes that stay recognizable in dense mobile layouts.

Tighter spacing on large titles, looser spacing on small text.

Letter shapes change between the Text and Display cuts as size increases.

SF Rounded gives a friendlier tone for consumer apps.

The same typeface runs on iPhone, iPad, Mac and Apple Watch.

A variable font covers weights 100 to 900 from a single file.

Wide letter openings keep text readable at small sizes.

Google Fonts covers Latin, Cyrillic, Greek and many other scripts.

Most Google Fonts are open source, so designers and developers can use the same files.