Should a blog or site have a dark background with white font or a white background with black font?
Which of the two is better especially in terms of readability and user friendliness for the blog or site visitors? Which would you prefer to see if you were the site or blog visitor? If you were the site or blog owner, which would you go with? Why?
Generally you want the site to emulate paper: white background, black font. People prefer neutral tones for background. Don't use pure white, but more of a beige, slightly yellowish tint background if you're going for "paper" feel.
Unless you have a space theme or generally dark theme to your site/blog, THEN you may adopt the dark theme instead.
One of the ways to answer this would be to follow the leaders.
If one were to look at hubpages / huffingtonpost / harvard business review ( incidentally all starting with 'h') , one would notice white background with black and occasionally red / blue dark color fonts.
Thanks. Good point. I'm still working on my blog but the theme I got was dark with white font. I thought it might be too hard to read so I wondered about changing the background color. Maybe the white background is better since a lot are using it.
Ever since we are kids we are used to reading blue/ black on white papers save the blackboard and slates at school which have now changed to whiteboard, again white background. I do not know about scientific proofs but I have observed that people tend to prefer dark text on light background - this can be white or anything very light that would not hinder the text. I even got complaints over using dark backgrounds on my website and ppt presentations. Since then, I always use light background.
by Scott S Bateman 3 years ago
I have spent more than 30 years in publishing, both print and online. One of the most basic principles of design requires black type on a white background for the sake of legibility. Have you every read a newspaper, magazine or other periodical that has all gray type?I am a big fan of HubPages for...
by Cly Walsh 7 years ago
Heya,I want to widen a couple of things in my template, have made a dummy site to show you what I mean. Any weebly users out there?I can widen the page no problem though when I do, the blog feed widens automatically with it. I would like the blog feed to be 50 pixels wider and the sidebar to be 100...
Copyright © 2018 HubPages Inc. and respective owners. Other product and company names shown may be trademarks of their respective owners. HubPages® is a registered Service Mark of HubPages, Inc. HubPages and Hubbers (authors) may earn revenue on this page based on affiliate relationships and advertisements with partners including Amazon, Google, and others.
|HubPages Device ID||This is used to identify particular browsers or devices when the access the service, and is used for security reasons.|
|Login||This is necessary to sign in to the HubPages Service.|
|HubPages Traffic Pixel||This is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.|
|Remarketing Pixels||We may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.|
|Conversion Tracking Pixels||We may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.|