1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Background+Text: Which colors go best?

Discussion in 'HTML & Website Design' started by amanamission, Jul 9, 2007.

  1. #1
    Okay, I can never make up my mind about this, so I thought I would put it to you:
    In general, besides black& white, which combinations of text+background work the best in terms of reader-friendliness and legibility?

    The site itself is pretty colorful, with a strong theme of black and blue, but the text box needs to step up and show a bold contrast. So blue and black won't work well either.

    If you want to see the site before answering it is here:

    Prophesy 2012

    Your suggestions? Green rep for helpful responses.
     
    amanamission, Jul 9, 2007 IP
  2. Amilo

    Amilo Peon

    Messages:
    624
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You have missed out Prophesy in the link;)
     
    Amilo, Jul 10, 2007 IP
    amanamission likes this.
  3. amanamission

    amanamission Notable Member

    Messages:
    1,936
    Likes Received:
    138
    Best Answers:
    0
    Trophy Points:
    210
    #3
    Ooops...hope I don't keep doing that. Must be a Freudian slip...that's the one I really wanted. (lol):D

    The link is fixed, so you can check it out. Color schemes, anyone?
     
    amanamission, Jul 10, 2007 IP
  4. The_Chemist

    The_Chemist Peon

    Messages:
    96
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #4
    1. desaturate or maybe darken the background a bit as it tends to catch the eyes attention coz it's the same level of saturation of blue like the text.

    2.dark gray for the navigation boxes, smaller font size or maybe change the font family, verdana or tahoma would do.

    3. try playing with gray for the links. gray for the visited links. lighter gray for the unvisited.

    i don't say that these are the best settings for your site, it's just my opinion. good luck on your site!
     
    The_Chemist, Jul 10, 2007 IP
    amanamission likes this.
  5. Aaron111

    Aaron111 Well-Known Member

    Messages:
    4,301
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    185
    #5
    I agree the dark gray is a good choice
     
    Aaron111, Jul 10, 2007 IP
    amanamission likes this.
  6. amanamission

    amanamission Notable Member

    Messages:
    1,936
    Likes Received:
    138
    Best Answers:
    0
    Trophy Points:
    210
    #6
    Well, the consensus seems to...gray. Not the first color I had in mind...rep added anyway. Thanks for taking a moment to respond.
    I'll consider changing the links that way-but to clarify, I'm trying to decide on the text box, with the content essay and theme image.
    About fonts...I know that nearly every site on the web uses some sanserif font like arial or verdana, but I absolutely hate the way sanserif fonts read. For example, l's and i's can look practically the same.
    I'm not really happy about the font I'm using either, so if can you also add serf fonts and recommended sizes, I'd appreciate your opinions.
     
    amanamission, Jul 10, 2007 IP
  7. The_Chemist

    The_Chemist Peon

    Messages:
    96
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    0
    #7
    i think the textbox is fine, just needed some little tweaking, i suggest adding border since your textbox is white. but make it the same color as your navigation boxes.

    for the font size i suggest 11pt or 12pt, compact paragraphs makes it easier to read. have you tried using tahoma?

    again these are just my opinions, try experimenting as well. good luck!
     
    The_Chemist, Jul 10, 2007 IP
  8. sm9ai

    sm9ai Active Member

    Messages:
    746
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    60
    #8
    sm9ai, Jul 10, 2007 IP
    amanamission likes this.
  9. haruko764

    haruko764 Peon

    Messages:
    25
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Just a few rules of thumb:

    Any combination of black, white, and grey is generally an attractive text/background color scheme.

    If you can find something else that works, then do your own thing, but whatever you do, stay away from neon anything - that means plain shades of yellow, red, green, and blue, or anything close. Also, black backgrounds are generally never a good idea.
     
    haruko764, Jul 10, 2007 IP
    amanamission likes this.
  10. Aaron111

    Aaron111 Well-Known Member

    Messages:
    4,301
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    185
    #10
    Thats agreeable!

    I second that"
     
    Aaron111, Jul 10, 2007 IP
  11. deques

    deques Peon

    Messages:
    206
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #11
    when i hovering over the links in the menu i get many stars that covers the text. my problem is that i cant read it anymore unless i move the pointer outside of the link. thats very annoying effect you have.

    another problem is the logo of prophesy 2012, its very difficult to read what is says. the font, the grudge effect and the inner drop shadow effect, all of this combined makes it very difficult to read

    to the point of the topic, the gray text in dark background makes it difficult to read. dark gray on dark background is not good. try always to have a bright color in dark backgrounds, like white.
     
    deques, Jul 11, 2007 IP
  12. kimberlybarryd

    kimberlybarryd Peon

    Messages:
    45
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Your orange text on blue might work. The white seens out of place on such a colorful site.
     
    kimberlybarryd, Jul 11, 2007 IP
    amanamission likes this.
  13. clookid

    clookid Notable Member

    Messages:
    1,042
    Likes Received:
    162
    Best Answers:
    0
    Trophy Points:
    225
    #13
    Background: #222222
    Text: #999999

    Background: #990000
    Text: #111111

    Background: #006699
    Text: #999999

    They're some of my favourites. :)

    Edit: Thanks for the reputation. :)
     
    clookid, Jul 11, 2007 IP
    amanamission likes this.