Overall I think we are making lots of progress here, the right hand side is working, but I am finding the contrast on read stuff very hard to read and see of grey is a bit sad.
Compare to this interactive artifact (clickable, try it out)
I kind of like the last option the most, cause it is clear and uncluttered, but the first 2 feel fine as well.
Thoughts? (also what’s up with Nathan … what an avatar 
)
(also the reduced border radius feels a tiny bit better)
Today some of the designers and I did some pairing and iterating on the styles. Here is where we landed.
Sam, I like the first two options your artifact shows as well. Will look more into those. For now, I think our most recent iteration gets us in a spot where the differentiation is a bit more clear.
To move further I think we’d need some tweaks to the template & copy.
CSI ENHANCE
Seems normal
Last one looks quite good! It communicates the unread status clearly, but is still very light. Similarly, I like the first one (though I don’t think the blue circle is necessary, so in comparison the last one wins). All other designs are “too much” for my personal taste.
On mobile I am getting “reddish” background instead of blue.
I am finding the light grey very hard to read, it feels washed out. Maybe we try with only greying the avatar decoration?
The contrast here is just very very hard on the eyes, especially on the non bold text.
I think this is why gmail ended up with using font-weight for the delineation.
Also on desktop, getting 2 different blues which is confusing.
Yeah, I’m finding this feedback interesting. It must be due to proximity, bold, spacing, and shorter width of text.
I am using the same color to signify “read” that our topic lists use.
That said, I do think the icon bg has something to do with this as well, which is why I like @keegan suggestion here:
One more option I am kind of wanting to implement is inline title w/ description. Something like this:
Is this on hover? Or is the list actually showing two diff colors of blue background on different items?
This one, yeah two diff colors. You need to get an account to require approval on local to see this.
Ah ok, the styles are applying to unread. Will add some css to target this one as well.
Can you send a screenshot of the mobile reddish bg?
