Sign in to follow this  
tgonhawk1

Light colored text on light background - Why?

Recommended Posts

On so many websites, for reasons that I cannot fathom,
text is presented on a white background, using a gray - sometimes very light gray - font.

text-colors.png.6969ba7f75b2ef526c2f9d9a571b3180.png

The middle line above is the default (and it appears only) color on this forum, which isn't too bad, but isn't great either.
I have seen many sites which use fonts akin to the top one - light gray.

My question is ... WHY? ... The poor contrast with a white background is just hard to read.
What's wrong with good old stands-out-from-white-background black?

If anyone can enlighten me on what the merits of light-colored text on light-colored background are,
I would be ever so grateful.

 

Share this post


Link to post
Share on other sites

Here are some examples from the Hawkhost.com home page:
These are reduced from full size.

This is the original presentation - gray color, titillium-weblight font:

hawkhost-gray1.png.c33a15e684e726c9b3b6e22071a698a1.png

This one changes the text color to black:

hawkhost-gray2.png.6e98f7a5fbf01225ce8dedb530b8880c.png

This one changes the font to Verdana, and boosts the font-weight on the next and previous markers,
which are VERY hard to see without that.

hawkhost-gray3.png.ad3eded4903c9c0c5519058e8913e46f.png

And for good measure, this appears just below the reviews section: gray text on gray background!

hawkhost-gray4.png.d82e0c04d7be9e963d87988700c657d6.png

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this