Help copy in overlay is not always noticeable.

[flukeout]

Can we put the helper copy in a box with a darker background so it's always readable? In the screenshot below, I probably wouldn't even have noticed the copy in the context of a whole browser window.

[ianb]

3px padding, fully rounded border, blackish (rgba(#000, 0.95)) background

[fangshih]

I was wondering if we bring down the overlay background to be darker, and make the copy in the center of the page. So it helps the visibility.

Or If it's still not obvious enough, maybe adding a little Pageshot Guy to grab user's attention?
What do you think?

[johngruen]

@fangshih I like the second treatment here. Can you provide the font size, you're using, along with an SVG of the icon?

[fangshih]

Attached with the SVG icon, font size and background color.
#1631 Overlay Visual Spec.zip

[ianb]

A simple change was released in the v1 release which went out on October 26th.