←back to thread

Tufte CSS

(edwardtufte.github.io)
203 points avinassh | 2 comments | | HN request time: 0.445s | source
Show context
corysama ◴[] No.45120030[source]
> Although paper handouts obviously have a pure white background, the web is better served by the use of slightly off-white and off-black colors. Tufte CSS uses #fffff8 and #111111 because they are nearly indistinguishable from their ‘pure’ cousins, but dial down the harsh contrast.

I never got this argument.

I can see an argument for "We need to reserve some headroom and footroom for Darker Than Common Black and Brighter Than Common White for occasional emphasis scenarios. Or, for differentiation from pure black/white in images and background elements."

But, I read "dial down the harsh contrast" as "We presume users have their monitor contrast settings set too high and intentionally use a reduced range to compensate for their mistake even though it costs us a bit of color precision."

Meanwhile, I might have an LCD monitor with the contrast dialed down next to an OLED with the brightness and contrast cranked up. And, even if the common case user setup is not so extreme, it still varies wildly in practice.

As a game engine developer, this is something I've had to deal with in practice for a long time... Reduced contrast range as a stylistic choice can be quite valid. But, trying to predict user viewing conditions is wishful thinking.

replies(4): >>45120067 #>>45120133 #>>45120528 #>>45121354 #
1. 42lux ◴[] No.45120067[source]
The author's conclusion is flawed: paper and ink are never truly pure white or black. Perfect white/black exists only in digital spaces, while physical materials always have subtle variations in tone and color.
replies(1): >>45122015 #
2. chipotle_coyote ◴[] No.45122015[source]
I think that's sort of what the author is getting at, if expressing imperfectly -- when you look at black ink on white paper, you're almost certainly not seeing a physical embodiment of #000000 on #FFFFFF. I tend to think moving at least one of the two colors off "pure", if not both, makes pages look more pleasant. (To stave off people leaping in to say "you web designers hate contrast," I'm not talking about moving to light gray on slightly less gray; it's not difficult to keep well above the WCAG's 7:1 AAA-level contrast ratio while bringing things down just a notch.)