I wonder how to deal with legibility issues on a blurred background.
The transparent design of the iPhone widget looks really nice. I wanted to reproduce the same feels on my project.
I first tried off putting white letters on a black-tinted background without vibrancy. It did not produce the result I wanted: The white color didn't look natural.
I tried once again, only this time with vibrancy. That got me only half-way: The letters are not legible. You can see the difference between the screenshots below.
I found that a lots of sample projects that feature blurred background didn't deal with this issue.
I wonder if there is a good reference regarding this issue?
