Categories

This post was originally published on 9/4/2012 and was updated on 2/17/2015. Never has grey been so colorful. After 60 million copies of the book "50 Shades of Grey" sold worldwide, and the movie grossed $81.7 million on its opening weekend, it seems we still can't get enough grey matter in our lives. While the E. L. James book, based on a fictional character with "fifty" mood swings and a serious bondage habit, has been translated  into over 30 languages, web design is something that never needs to be translated -  it is a universally spoken language of its own. Of course, when it comes to custom website design most think that in order to "make it pop" you need multiple gradients and a variety of color. However,  sometimes with fewer colors and just a few shades of grey you can increase your visual hierarchy and balance in your layout. In honor of the "Fifty Shades of Grey" theatrical release we've have found 50 websites from various countries that utilize black, white and grey (with maybe a splash of an accent color or two). The common design elements in these websites are the use of bold typography that guides users though the website, large black and white images, drawings that utilize the negative space of the page, or to frame the content area in a visually pleasing manner. Below are fifty excellent design examples that prove you don't need a lot of flashy colors to create an alluring design.

1. Kirschner Brasil

Kirschner Brasil
 
 

2. Tokyo Mild Foundation

                                                        Tokyo Mild Foundation Homepage

3. Roland Olbeter

Roland Olbeter
 

4. Urban Edge Design

Urban Edge Design
 
 

5. Thirty Dirty Fingers

                                                       Thirty-Dirty-Fingers

 

6. Stylepit Lookbook

                                                        Stylepit Lookbook

7.Undercover

Undercover
 
 

8.Pixies

                                                        Pixies

9. The Noun Project

The Noun Project
 

10. Marcin Kaniewski

Marcin Kaniewski
 

11. Blissfully Aware

Blissfully Aware
 

12. Information Architects

Information Architects

13. Piotr ?wierkowski

pio

 

14. Leg Work Studio

Leg Work Studio
 

15. Parallaxis

                                                             Parallàxis

16. Yara N Yared

                                                             Yara N Yared

17. Sold-Out

   Sold Out
 
 

18. Non Stop Bar

                                                           Non-Stop-Bar

 

19. Misfit Creative

                                                            Misfit Creative

 

20. Midwinter Light Up

                                                              Midwinter Light Up

 

21.Manuelle Gautrand Architect

Manuelle Gautrand Architect
 

22. Video Mapping Loops

                                                          Video Mapping Loops - BFM

23. Antidote

Antidote
 

24. Rule of Three

Rule of Three
 

25. Open121

Open121
 

26. Nouvelle Vague

Nouvelle Vague
 

27. Routalempi on

Routalempi on
 
 

28. Lionel Durimel

                                                      Lionel Durimel

 

29.Process Type Foundry

Process Type Foundry
 

30. Afrobeat

Afrobeat
 
 

31. Kenji Endo

                                                         Kenji Endo

 

32. Multitouch Barcelona

Multitouch Barcelona
 
 

33. Jakob de Boer

                                                         Jakob de Boer

 

34.The Sum

The Sum
 

35. Zero Fee

Zero Fee

36.Peter Riedel

Peter Riedel
 
 

37. The Letter D

The Letter D
 
 

38.  Design Made in Germany

Design Made in Germany
 
 

39. #Itouchmyselfproject

                                                        itouchmyselfproject

 

40. Square Space

Square Space
 
 

41. Hashima Island

                                                        Hashima-Island--A-Forgotten-World

 

42. Tokyu Agency

Tokyu Agency
 

43. Ego

Ego
 

44. SWE Film

SWE Film
 

45. Redirect Digital

Redirect Digital
 

46. Daniel Vane

                                                        Daniel-Vane

 

47. Joint London

Joint London
 
 

48. Colorz

Colorz
 
 

49. Kryptis

Kryptis
 
 

50. Never Bland

Never Bland
 
 

There you have it! Our top 50 websites that utilize many gradients of grey. Did we miss any of your favorites? Let me know down below or at @BFMweb.