Mystery upcoming project UI detail: CSS gradient preview

13 Responses

1. Andrea Giannangelo

   I don't like the light on the text, definitely.

   over 1 year ago

2. Andrea Giannangelo

   Amazing shots anyway :)

   over 1 year ago

3. Lea Verou

   The light on the text? You mean the shadow? It's only in the tokens that have a previewer. Not sure about it though, I'd love suggestions :)
   But I definitely need something more subtle than a color change.

   over 1 year ago

4. Sébastien Nikolaou

   Maybe a very subtle color change. Or if you want to keep the text-shadow, desaturate it and maybe make it brighter. I think it's the color of the text-shadow that looks funny.

   over 1 year ago

5. Lea Verou

   It's the same hue as the background, just more opacity & less lightness....

   over 1 year ago

6. Pro Ryan McLaughlin

   Super awesome Lea. Love what you're doing here! :)

   over 1 year ago

7. Pro Joshua Hibbert

   What a great idea Lea, I can't wait to play with this. How about altering the background color for those values with a preview? It may not be quite as pretty, but it will be more noticeable.

   over 1 year ago

8. Lea Verou

   @Joshua: I thought about it, but I think it wouldn't be subtle enough.

   over 1 year ago

9. Pro Joshua Hibbert

   Ok, fair enough. I'm sure you will figure out the best way to do it!

   It's a little hard to give suggestions considering the lack of context we currently have (hint hint) :P

   over 1 year ago

10. Pro Justin Lowery

    Release this please!! You're a f'ing genius!

    I do agree with the others about the text. From a typographical standpoint, I'd be very conservative when "designing" the text. 99% of the time, it's recommended to leave text as is, or, have one subtle attribute, like a thin shadow OR highlight.

    If you find yourself having to "design" the text, something is usually going awry or the typeface was a poor choice. Okay, so you're asking for a suggestion …

    Why not just use background highlighting? Rather than modifying the actual text, change the background subtly. That way, you preserve the text and it's readability, but you direct attention to it for usability.

    over 1 year ago

11. Lea Verou

    Thanks Justin. I'm trying to release it asap, but coding an undo/redo stack is really hard (and since the UndoManager API isn't supported anywhere, it has to be done manually). Once I do that and fix some buggies, it'll be out :)

    1likes

    over 1 year ago

12. Pro Justin Lowery

    Lol, I have no clue what you just said, but I like the ASAP part :P

    over 1 year ago

13. Dan Eden

    i am *very* excited about this. Looking sweet so far.

    over 1 year ago