Hierarchy concepts

Material hierarchy in iOS interfaces creates clear visual organization through layering. Different materials work together to establish a natural order, helping users understand which elements are more important or interactive.

Higher layers in the interface typically use thicker materials to draw attention, while lower layers use thinner materials to recede. Chrome material marks navigation points, creating consistent anchors throughout the interface experience.

Sequential layering follows specific patterns for clarity. Modal sheets use thick material to separate from the main interface, while background elements employ ultra-thin material to provide depth without distraction.

Key hierarchy patterns:

• Primary actions using thicker materials
• Secondary content using regular materials
• Supporting elements using thin materials
• Background using ultra-thin materials