Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

The graphic designer for my club created a red and black logo (major color is black highlighted with red). Everyone thinks it looks great, and I agree. The issue lies with designing the site. We've been trying to design a red and black site around the logo, but everything we've come up with looks dark, heavy, and saturated.

Is there a trick to designing dark-colored sites? I've looked at other sites that use red and black (for instance, these), but they all seem to be graphical, rich-content sites, as opposed to a simple text-heavy site like we are trying to design.

share|improve this question
4  
Let me first state... White is your friend. You can design a red/black site that is not dark. Change your mindset :) That being posted, your question is a bit along the lines of brainstorming or idea gathering which is generally off-topic here. You may want to pose some direct questions. –  Scott Aug 31 '12 at 18:16
2  
logo colors shouldn't necessarily be the only colors used for the entirety of the branding--and in many cases, they shouldn't be used at all –  DA01 Aug 31 '12 at 18:27

3 Answers 3

up vote 4 down vote accepted

It's not so much that there's a trick to designing a black-and-red site as that there are certain subjects that work well with such a scheme. B/W photography works very well on a black background, for example. Text doesn't.

White text on black is hard on the eyes. Add bright red (for your H1's, say) and you'll glare the user away from the site, eyes watering, reaching for the Tylenol and not very motivated to return. Grey text and dark red on black won't glare but will look gloomy -- great for a vampire fan club website, but probably not much else. :)

The solution is to follow Scott's and DA01's advice, which is the same as mine. Use the logo, but don't let it dominate the page. Make it a graphical accent, an ornament that contrasts with the rest of the site. Your page would be white or preferably a pale grey, with black text. That will make your text much easier to read.

Quite often in design you'll run into situations where you must either match elements exactly or use a bold contrast. In this case, contrast will open up many more design choices and work far better for you than trying to match your logo colors across the whole site.

share|improve this answer

Please have a look at these websites. they have pulled off lighter colors your are interested in. You can work around something like these websites.

  1. www.nature.com enter image description here
  2. BBC news

    enter image description here

  3. Stick Sports enter image description here
  4. TED enter image description here
  5. Scitable enter image description here
  6. History.com enter image description here
  7. Youtube enter image description here

As Scott mentioned in his comment, "White is your friend".

You can also look here for some more inspiration.

I hope this helps.

share|improve this answer

you can use following web site to do some good colour matching

http://kuler.adobe.com

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.