I don't think I've ever run into a site like this that has removed all of the traditional navigational elements (menus, links, footer,etc) that are typically available to a user - without sacrificing the experience dramatically. Until now. These guys/gals nailed it. Well done.
Love the simplify of this site. So easily could have been scroll-jacked to hell but they resisted. They've put in the bare minimum, and nothing else. Even the loading spinner for the 360 view is brilliant.
Thumbs up for rotating penguin!
I actually thought it was a joke at first. "oh I get it, 360 view of the penguin!" Then the book loaded and I liked it even more.
You know what's really important by what gets cut for the mobile design.
The last few Penguin Classic sites I've seen have been spot on.
Penguin's design legacy has transitioned onto the web nicely these past few years.
They did a great job with this website.
Does anyone know what JS library they’re using to change the background colors on scroll?
Why do you need a library? Detect if an element is in the viewport on scroll, change the background-color property of the body, set a transition on the body. Could probably do the whole thing in ~15 lines where you pass the function an object w/ element & color pairings
I usually use http://imakewebthings.com/waypoints/ .
it looks nice and all, but i couldn't even tell they were selling physical books until after reading an excerpt.
Well it's Penguin Classics, introducing a new product to you (pocket sized versions of their books). I'm guessing they intended for people to already be aware of their brand, or to scroll down until that hand with the book jumps out at you and have an "ah-ha" moment.
Well done! So beautiful, novel yet easy to use. Very well done!
It looks great.