MathCurvesSurfacesWallpaper GroupsGallerySoftwarePOV-Ray
ProgramingLinuxPerl PythonHTMLCSSJavaScriptPHPJavaEmacsUnicode ♥
Web Hosting by 1&1

Web Design: Say No to Grey Text on White Background

Xah Lee, , …,

i dunno wtf is going on with web design crowd, but more and more idiots have websites that's hard to read. Such as using grey text on white background. They look fine on devices with high-density displays, such as smartphones, but are hard-to-read on large screen.

Exhibition

web design grey text on white 2
web design: grey text on white background.
google blog grey on white screenshot
Google Blog, grey on white screenshot.

Google is well-known for their decisions based on statistical data and AB Testing. Did Google actually do AB Testing on this and has scientifically determined that people prefer grey text on white instead of the normal black on white?

rt dot com screenshot 2012 03 09
rt.com screenshot, . Greyer and greyer!
web design gray text on white 3
Won't it be grayt if it just blend seemlessly into the background?

Black on Gray! and Grey Poupon!

web design grey text on white 2
Black on Grey!
arstechnica screenshot 2012-03-09
arstechnica screenshot, . Can you read those orange texts?

Solarized Color Theme ?= Science

There's a website called Solarize, that focuses on desigining the most readable color theme, supposedly based on science of color contrast. Witness:

solarized text
Solarize website screenshot

Do you find the text easy to read?

Things get worse:

solarized screen
solarized text 2

The Solarized color themes are low contrast, and supposedly works better when your computer display is under sunlight. Maybe so, but it looks terrible indoors.

blog comments powered by Disqus