Materials & Vibrancy

Two-layer model

The mental model behind materials: a floating controls/chrome layer above a content layer that visibly scrolls underneath. Translucency shows the relationship between the two.

Material over a base: depth reads

One of 220 cards in the Apple HIG deck. Browse every card.