New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

consider a less bright yellow for highlight #408

Closed
binomial0 opened this Issue Nov 29, 2018 · 8 comments

Comments

Projects
None yet
5 participants
@binomial0
Copy link

binomial0 commented Nov 29, 2018

Some subheadings, are difficult to read because of sharp contrasts in the background.

why_rust_original

To me, the effect looks most jarring with the first subheading ("Why Rust?"), presumably because the contrast between the teal background and the purple rectangle is quite prominent. It's much less prominent at "Build it in Rust", and when it comes to the third subheading, "Rust in Production", I don't see this problem. (That's not surprising - the background is yellow on white, which is a much weaker contrast).

I think the problem is due to the combination of high background-to-background contrast, not that high foreground-to-background contrast, and the fact that a high-contrast edge lies directly behind the text. Each of these elements makes sense in the context of the overall design, so I'm sure this problem will involve some tradeoffs.

I know this issue is pretty subjective, so if you disagree or agree that this looks mildly irritating, please comment below.

@binomial0

This comment has been minimized.

Copy link

binomial0 commented Nov 29, 2018

I have an Idea in which direction a fix might go, but I'm not sure if it actually looks better.
why_rust_changed
This gets rid of the described issue (the text is more easily readable now), but it also lacks some solid, "blocky" feeling that the original (and the design of the whole site) has.
(CSS changes: .highlight { height: 20px; top: -18px; /* rest unchanged */ } in app.css)

@MSleepyPanda

This comment has been minimized.

Copy link

MSleepyPanda commented Nov 29, 2018

I think the highlights look a little bit cartoonish in combination with the slab font. The easiest fix for me was to just hide the highlights

@rep-nop

This comment has been minimized.

Copy link

rep-nop commented Nov 29, 2018

Definitely agree, I think "cartoonish" is a good way to describe it. Super hard to read some of the titles and a lot of the colors & color combinations don't look particularly great. Font is also way too thick in my opinion and makes the characters kind of bleed into each other, which doesn't help.

This was referenced Nov 29, 2018

@ashleygwilliams

This comment has been minimized.

Copy link
Member

ashleygwilliams commented Nov 29, 2018

i think we'll start by addressing this with the suggestion in #432 - once a patch for that lands, if you still feel the issue hasn't been addressed you can reopen this or file a new one. thanks for filing!

@jonas-schievink

This comment has been minimized.

Copy link
Member

jonas-schievink commented Nov 29, 2018

@ashleygwilliams #432 does not address the contrast issue, which is definitely still there. I've found that this heading is one of the worst offenders in that regard:

screenshot-2018-11-29-21 58 18

(this is after the letter spacing fix)
Replacing the yellow with something that's less aggressive on the eyes could work here.

OTOH my biggest problem with the "Why Rust?" header is that the text is completely white, and white-on-dark text generally isn't very readable. Perhaps using a slightly darker text color could help here?

@ashleygwilliams

This comment has been minimized.

Copy link
Member

ashleygwilliams commented Nov 29, 2018

repoening and renaming to address @jonas-schievink's last comment. thanks for making the ask more specific ! it's helpful.

i would encourage folks on this thread to not use this to pile on, so please keep the comments actionable and constructive (many have been straying from that on this particular thread). i don't want good feedback to be lost in a sea of noise. thank's ya'll!

@ashleygwilliams ashleygwilliams changed the title Too much background contrast in some subheadings consider a less bright yellow for highlight Nov 29, 2018

@ashleygwilliams

This comment has been minimized.

Copy link
Member

ashleygwilliams commented Nov 29, 2018

@jonas-schievink if you would like to make a PR with a different yellow color suggestion i would be very open to that! (please provide screencaps in the PR) thank you!

@ashleygwilliams

This comment has been minimized.

Copy link
Member

ashleygwilliams commented Dec 6, 2018

this was closed by #542

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment