: Is it possible to create a modern-looking design with a dark theme? I was asked a website redesign with two requirements: Inspired by Google Plus (clean, minimal, a lot of "white" space) Switchable

@Hamm6457569

Adobe.com would be a good example, I think. Also take a look at TypeDNA.com. Both are dark themes, neither looks cheap, nor 15 years old.

Vote Up Vote Down

@Hamm6457569

Take (hex) colors: Dark Background: #313131 , light text: #f5f5f5 This will lower the contrast a little bit, but is close to a 70/10 grey and much easier to read. Further more it looks pretty classy.

I'd also go and choose some nice (cufon?) font for headings and such. Then use some thin 2px borders/hrs, each 10-15% lighter/darker as spacers (double in the sense of one half darker, other lighter, so you get a 3D effect, like it's graved in). You could also use the darker color to set a 10px (2px rounded) border around images to make them stand out and take the lighter color as hover color.

Then use a) a grid and b) a limited set of overall colors: 5 colors are enough and you already got 2 grey and 2 light grey tones. Just add one single color for links or headings and you're perfect.

Vote Up Vote Down