June 1, 2009
22 Comments

20 Quality examples of high contrast in web design

Posted in Design, Inspiration by Gergely Marton

My 10th grade art teacher told me that high contrast can be used only on white or black backgrounds to underline focus on things you want to communicate. I think it was a bold declaration of not thinking out of the box and not following design trends set by teenagers and young artists. Anyway, since then I was very interested in high contrast designs, not only because of their “non-conformist” way of tellings things, but because of the simple way people create them.


I searched some of the CSS Galleries out there where I found an built up a neat list of great web sites based on high constrast:


Snog Pure Frozen Yogurt

highcontrast_1


Swapafrock

highcontrast_2


Ewebbed

highcontrast_3


Leetside

highcontrast_4


Work [at] play

highcontrast_5


Duoh!

highcontrast_6


Cornish Mutual

highcontrast_7


Sitesquared

highcontrast_8


Red Nose Day

highcontrast_10


Intellect Training Enterprise Limited

highcontrast_11


Douglas Mendez

highcontrast_13


Ecto Machine

highcontrast_12


Devia

highcontrast_14


France Pants

highcontrast_15


Andre Augusto

highcontrast_16


Midia Effects

highcontrast_17


WillPortifolio

highcontrast_18


Kirsch und Nagel

highcontrast_19


Bireau for Visual Affairs

highcontrast_20


SacJazz Festival 09

highcontrast_21

I hope you’ll like this list and start considering High Contrast color schemes in your design projects.

Write me what you think about these websites and the funky colors by leaving a comment below!

Related Entries

Signup for our awesome Newsletter!

We will try to send you e-mail that will open your eyes in the morning and wake you up in the evening!

About the author

Gergely Marton, is a self-tought web designer and developer with over seven years of experience. He owns his own little web design agency WebGurus, and runs this blog in his spare time. Usually the work gets more important for him than anything else, but he struggles to get some time to read and to play his violin.

  • http://www.vijayinfo.in web designer

    Thanks u r information

  • http://www.Webdesignquote.ca Web Design Quote

    Thanks for the 20 Quality examples of high contrast in web design. It would help me a lot to learn from an examples and implementing on my design. Keep up the good work.

  • refugee

    Good Inspiration! THX

  • http://adrianamiranda.com/ erika

    GREAT! Thanks for this information n_n

  • http://www.lowest-rate-loans.com HolcombIMELDA

    Cars and houses are not cheap and not everybody is able to buy it. Nevertheless, mortgage loans was invented to support people in such cases.

  • http://www.prokwiaty.pl Kwiaciarnia

    that was plain and simple! thats what i like to find in web design sites! i will use it soon

  • http://www.logoinn.com/web-design Logo Service

    What’s lacking in the header graphics????

  • http://www.design-training.com/ Nicole Jewell

    hello,
    I really like this post and I have included this page in my blog at Design of the Times. Check it out.

  • http://vincedelmonte.org/ Vince Del monte

    Finally have all the info I need for my research, great post!

  • http://www.kidslikecoloringpages.com/category/spongebob/ Coloring Pages

    A topic close to my heart thanks. Like your blog design too.

  • http://www.qualityavatars.com Free Avatars

    I enjoyed this. Where is your contact details though?

  • http://www.topgeldzaken.nl/lenen-zonder-bkr-toetsing/ lenen

    U wilt geld lenen zonder BKR toetsing? De opties hiervoor worden groter, kijk verder en ontdek hoe u wél geld kunt lenen, snel & eenvoudig.

  • http://www.vainfotech.com Va Infotech

    really nice work

  • http://www.jaiindustries.com Woodworking Machinery

    Nice designs

    Thanks

  • http://www.searchengineoptimisationseo.co.uk/ Geoff Rogers

    Fantastic collection – very inspirational! Thanks for sharing :)

  • http://www.webdesigner.co.in Kate Brown

    Great work. Thanks for the much needed information

  • http://allnewesttech.com Ron Artwood

    I used rather old-looking theme for my news blog. :-D But I am definitely on the side of the young artist….

  • http://www.hainedecopii.com haine

    Great work!! very inspiring…

  • http://www.frivmini.com/ friv

    they are very nice and reasonable, that is all I need to consult. Thanks

  • http://www.yepi-1.org/ yepi1

    very good

  • http://www.y8friv.asia/ Friv 4

    This article may perhaps be a first-rate example of nice informational material.

  • http://www.fri-v.com/ Friv

    Thanks information. Very good