Busy bee
Haven't had chance to post for a while, I'm off to Crayon London - and can't wait for it, they're a nice bunch of folks!
I've been checking out the new Habitat site. Some nice flash and clean layout. I'm sitting reasonably close to my laptop and having a problem reading it. Now I've got good eyesight, so what's the problem?
Typography treatment. In order to dial up the 'cool' the type is light grey on white. Looks quite nice, useless as functional design.
So I've taken the time to run the palette through juicy studio to check the contrast, no surprise it fails miserably:
The difference in brightness between the two colours is not sufficient. The threshold is 125, and the result of the foreground and background colours is 93.
The difference in colour between the two colours is not sufficient. The threshold is 500, and the result of the foreground and background colours is 276.
Colour Brightness Formula
The following is the formula suggested by the World Wide Web Consortium (W3C) to determine the brightness of a colour.
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
The difference between the background brightness, and the foreground brightness should be greater than 125.
How disappointing.
I've been checking out the new Habitat site. Some nice flash and clean layout. I'm sitting reasonably close to my laptop and having a problem reading it. Now I've got good eyesight, so what's the problem?
Typography treatment. In order to dial up the 'cool' the type is light grey on white. Looks quite nice, useless as functional design.
So I've taken the time to run the palette through juicy studio to check the contrast, no surprise it fails miserably:
The difference in brightness between the two colours is not sufficient. The threshold is 125, and the result of the foreground and background colours is 93.
The difference in colour between the two colours is not sufficient. The threshold is 500, and the result of the foreground and background colours is 276.
Colour Brightness Formula
The following is the formula suggested by the World Wide Web Consortium (W3C) to determine the brightness of a colour.
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
The difference between the background brightness, and the foreground brightness should be greater than 125.
How disappointing.