Materials & Vibrancy

Material thickness

The trade-off in a material's opacity: a thicker (more opaque) material gives better contrast for text-heavy overlays; a thinner (more transparent) one keeps more context over rich media.

An alert uses a thick material for legibility; a control over a photo uses a thinner one.

thick
thin
Thick = contrast · thin = context

Tap the example to replay it · press and hold to slow it down

One of 220 cards in apple hig flashcards. Browse every card.