iOS Blur Guidebook. Engineering for Transport.

This how the new iOS blur effects look like in a real life example.

Photo credits: Getty images

We all love blurs,

so in order to allow our developers easy communication with designers, we’ve created this little guidebook, which we’ve been using as our cheat sheet,when working with blurs in TUUUB app.

Now, we would like to share it with you.

Image captions follow scheme:

iOS blur style name (apple docs) ● iOS version where style can be applied

Image behind a blur layer

Light ● available from iOS 8

Dark ● available from iOS 8

Regular ● available from iOS 10

Prominent ● available from iOS 10

SystemUltraThinMaterial ● available from iOS 13

SystemThinMaterial ● available from iOS 13

SystemMaterial ● available from iOS 13

SystemThickMaterial ● available from iOS 13

SystemChromeMaterial ● available from iOS 13

SystemUltraThinMaterialLight ● available from iOS 13

SystemThinMaterialLight ● available from iOS 13

SystemMaterialLight ● available from iOS 13

SystemThickMaterialLight ● available from iOS 13

SystemChromeMaterialLight ● available from iOS 13

SystemUltraThinMaterialDark ● available from iOS 13

SystemThinMaterialDark ● available from iOS 13

SystemMaterialDark ● available from iOS 13

SystemThickMaterialDark ● available from iOS 13

SystemChromeMaterialDark ● available from iOS 13

We hope it was useful for you — if so, then have a wonderful day.

Sidney&Co.

Nonconformist gems from upon Thames.

Daniel & Radek