Textures

Throughout the system, soft, delicate, semi-translucent textures appear on windows and overlays to convey a sense of depth and hierarchical structure. These designs also give users a sense of place within an app, but don’t distract from the content. The textures are designed to look great with a variety of colors and in a variety of contexts.

Consider using system textures. System textures can give your app a native feel and create a smooth transition when the user switches from another app to your app. The following textures styles are available.

System texture Usage
Prominent This is a dynamic texture that displays the extra light texture if the light appearance is enabled, or the extra dark texture if the dark appearance is enabled. This is the recommended texture for full screen backgrounds.
Regular This is a dynamic texture that displays the light texture if the light appearance is enabled, or the dark texture if the dark appearance is enabled. This is the recommended texture for overlay views that partially obscure content onscreen.
Extra light This is good for full screen views that require a light color scheme.
Light This is good for overlay views that partially obscure content onscreen and require a light color scheme.
Extra dark This is good for full screen views that require a dark color scheme.
Dark This is good for overlay views that partially obscure content onscreen and require a dark color scheme.

Use lighter, translucent textures to elevate content and make it feel fresh. Darker textures evoke a heavier feeling in which content feels older, sinks to the background, and can hide shadows, thereby reducing depth and vigor. It’s difficult to tell what’s in focus when you can’t see the shadows.

For developer guidance, see UIBlurEffectStyle.