29 comments

[ 0.22 ms ] story [ 51.9 ms ] thread
Sort of unreadable text.

https://www.dropbox.com/s/ofhe1grumt5tyyq/7846322.PNG

Chrome 30 on Windows 8.

Was going to post the same, unreadable. (Chrome 30 on Mac OSX)
Yeah looks absolutely horrible on my Chrome 30 on OSX: Mountain Lion
Ditto. I believe it's a combination of the small text width and the low contrast gray on white. Perhaps this looks great on retina displays but not my 1280x800 display.

http://imgur.com/dzdi7nF Chrome 30 on Arch Linux

I have a retina.

Still looks unreadable.

Maybe the font he/she using is following the latest Mavericks? It seems that the font in latest OS X is slimmer now.
I thought it is intentional, and the whole thing is a joke. But if it isn't, I am frightened.
Is anyone else experiencing optical illusions on this page? I'm getting black dots between the swatches, and the swatches look like they're slightly in motion.
(comment deleted)
Didn't check all of them, but the middle 2 colors of the bottom row (red & black) seem to have the wrong hex codes on hover.
I find iOS 7 so awful that I'm still refusing to install it. Please don't take it as an example for UI anything.
(comment deleted)
You should use an even thinner font.
In my opinion, the colours don't look professional or polished at all. It's like something that an amateur designer comes up with.

I would have preferred the colour scheme of Flat UI: http://designmodo.github.io/Flat-UI/

But I'm not a designer. There could be a valid explanation as to why the chosen pastel colours are the absolute best for iOS 7.

I agree... three slightly different shades of grey? Since it is for the OS and Apple's own application, I would think that sticking to one shade each of their main colors (e.g. blue, red, green, purple) would be better. So many colors seems a little over the top and difficult to communicate in a style guide which could get mixed up and cause confusion for users.

I've heard across the interwebs that the color scheme for iOS 7 was something of a circus. I hadn't noticed it yet but this page just put it out there.

Curious if anyone can answer: how are these colors chosen by high end graphic designers? Is it in a sort of a manual, "hey this looks like a good color" manner or is there a more mathematical approach to it?
I can't speak for this palette, but I just selected a color palette for a new startup I'm working with and here's what went into the consideration:

• We started by choosing a couple of colors we liked (green, purple, blue)

• Next we used Pantone's 2014 color forecast to see what shades of those colors would be used in fashion/product design for products hitting the shelves in spring/summer 2014

• After selecting a palette of trendy shades of our chosen colors, we used color theory (science) to "tune" the shades of those colors so they worked together in harmony

• Lastly, we tested our palette against the most common forms of colorblindness to ensure that each shade was distinct (our primary target is adult males, who are the most colorblind demographic)

Think of colors as wavelengths of light. We're really familiar with the science of matching wavelengths of sound (like music notes, making chords when wavelengths work in harmony, and the idea of a measured scale of tones from low to high.

Some musicians can 'play by ear', and likewise some artists and designers just rely on their gut to pick wavelengths that 'feel' right together. Obviously your mileage may vary.

Thankfully, just like we have explored the relationships between wavelengths of sound and constructed science and mathematical formulas around it (music theory) we can also apply similar principles to wavelengths of light (color theory).

So to answer your question yes, but also yes.

Shameless plug: here's the palette [1] our startup is using, based on whim, trend, and ultimately science. It's similar to Bootstrap 3.0, Hubspot's blog palette, and Android's new color scheme - but I think ours will perform a little better.

[1] http://i.imgur.com/aBstzQj.png

edit: I am a trained graphic designer and took classes in Colour Theory and Perception during school, so it is something that is formally taught. If design science gets you all excited, just wait until you hear about some of the geometric relationships in typography (font design)

I love the palette you've chosen mostly because of how vibrant it is.

I might also be the only person on the planet who inwardly chuckles when I see designs swathed in Pantone's color of the moment. Nice work adhering to the trend but staying away from their marketing directive.

Very, very interesting.

Thanks for the answer.

It's like all of the color combinations designed to tire out my visual system all on one page.
Do you think they could make that font any thinner? I was having too easy a time reading that site…
iOS 7 is bad, but when you put it all on a page like this it becomes straight up nauseating.