Simply popover box

10 Responses

1. Pro Radu Ceucă

   Getting closer to the deliver of the UI Stylesheet for this project, addind details to some of the elements.

   4 months ago

2. Alex Buga

   nice! maybe a little texture on the button would do the trick. and a tad more contrast on the blue menu items.

   But I like the style :D "Mi-s fan si eu" :P

   4 months ago

3. Pro Alexandru Cosmin

   maybe the circle should be a bit more darker... nice work anyway :D

   4 months ago

4. Pro Ionut Zamfir

   I'm a big fan of your UI work, man :)

   4 months ago

5. Pro Stefan Lucut

   Why not making the little red notification boxes either round or at least same corner radius as the yellow button?

   Round could be centered with the circle from the yellow button (the one with the arrow)

   1likes

   4 months ago

6. Cosmin Negoita

   I agree with Alexandru about the circle. The rest is simply awesome!

   4 months ago

7. Pro Radu Ceucă

   Thanks for all the feedback! Would love to get this much input from you guys on every shot!

   I agree the circle on the button could be a little darker, gonna change that.

   About the rounded corners of the labels, they're used in many places across the application and have many forms: number, number + text, just text etc. so going for a round label isn't the best solution here. I know it can be expanded to wider labels with half-circles at both ends but I still don't feel it fits well, especially when inside a button:

   http://cl.ly/2b0q013W2L352j2i0k1h

   I still think the original one provides the best contrast and fits better with the rest of the UI.

   Thanks again for all your comments :)

   4 months ago

8. Pro Samuel Couto

   Love the color scheme!
   Although I think the line-through on the done task is a bit blurry. Have you tried a less contrasted color on the already done tasks? A lighter green maybe? To give it a bit of a disabled feeling -> http://cl.ly/2w0y120D3I083g1b3X0F

   4 months ago

9. Pro Radu Ceucă

   Hi Samuel, thanks for the feedback :)

   The line-through is like that because of Photoshop's shitty way of rendering type. It's gonna look decent in a browser.

   I don't really want it to look disabled, I think that in our case (a service that helps and guides users through some tasks), showing them their progress all the time is a key feature. Seeing all that green could motivate you and help you realise you're doing OK! The warmer shade of green you used there could work, thanks! :)

   1likes

   4 months ago

10. Pro Radu Vucea

    Nice work man ! :)

    4 months ago