Advertise here with Carbon Ads

This site is made possible by member support. ❀️

Big thanks to Arcustech for hosting the site and offering amazing tech support.

When you buy through links on kottke.org, I may earn an affiliate commission. Thanks for supporting the site!

kottke.org. home of fine hypertext products since 1998.

πŸ”  πŸ’€  πŸ“Έ  😭  πŸ•³οΈ  🀠  🎬  πŸ₯”

kottke.org posts about design

Phones for the people

From Kevin Slavin and Bunnie Huang on location in Shenzhen, China, a look at what changes when you stop designing phones for companies and start designing them for people. You end up with a variety of phones satisfying different desires, from tiny phones that double as Bluetooth earpieces to phones that look like a race car or a pack of cigarettes or a soda can to phones with built-in lamps.

Diverse Phones

Diverse Phones

Diverse Phones

A spin around the internet reveals many more examples of these kinds of phones: flashlight phones, lighter phones, phones with up to 4 SIM slots, super-rugged phones w/ walkie talkie capability, credit card-sized phones, watch phones, and USB key phones. (via @triciawang)


Slack, Basecamp, and simplicity as a design goal

Jason Fried wrote a preview of what’s coming in Basecamp 3. Jim Ray noted on Twitter that “Basecamp vs. Slack will be interesting”. And suddenly I remembered that back in 2002, Jason, Slack CEO Stewart Butterfield, and I hosted a “peer meeting” on Simplicity in Web Design at SXSW.1 The meeting’s description:

As the Web continues to increase in complexity, many designers are looking to simplicity as a tool in designing Web sites that are at once powerful and easy for people to use. Join your peers and colleagues in a discussion facilitated by three working designers who are committed to producing work which is simple: obvious, elegant, economical, efficient, powerful and attractive. We’ll be discussing what simplicity in Web design really means, the difference between Minimalism as an aesthetic and simplicity as a design goal, who is and who isn’t simple, how you can use simplicity to your advantage, and plenty more.

It’s fun to see those two going at it more than 13 years later, still focused on harnessing the power of simplicity to help people get their best work done. (I don’t know what the other guy’s deal is. He’s doing…. something, I guess.)

  1. This was also the year I got food poisoning the first night of the conference, basically didn’t eat anything for 5 days, and lost 10 pounds. Either Stewart or Jason suggested running to a bakery to get cookies for everyone at the meeting, and a little nibble one of those chocolate chip cookies was one of the few things I had to eat in Austin that year. ↩


Noodle World 2013

Noodle World 2013

I love this poster by Korean designer Chae Byung-rok. His web site is currently down, but you can see more of his work on It’s Nice That. (via @djacobs)


1969 Bell System logo redesign pitch video by Saul Bass

From 1969, this is the video that Saul Bass made to pitch AT&T on a new corporate identity. What a time capsule. Here’s the logo, which remained in use until 1983, when Bass designed the “Death Star” logo to replace it.

Att Logo 1969


The varying wavelengths of colors

Rain Bros

Rain-Bros by Daniel Savage is a fun visualization of the different wavelengths of light in the visible spectrum, from the loping walk of red to blue’s energetic bounce.


Google has a new logo

Google Logo 2015

….and it still looks like a middlebrow kids clothing brand logo.

So why are we doing this now? Once upon a time, Google was one destination that you reached from one device: a desktop PC. These days, people interact with Google products across many different platforms, apps and devices-sometimes all in a single day. You expect Google to help you whenever and wherever you need it, whether it’s on your mobile phone, TV, watch, the dashboard in your car, and yes, even a desktop!

Today we’re introducing a new logo and identity family that reflects this reality and shows you when the Google magic is working for you, even on the tiniest screens. As you’ll see, we’ve taken the Google logo and branding, which were originally built for a single desktop browser page, and updated them for a world of seamless computing across an endless number of devices and different kinds of inputs (such as tap, type and talk).

Update: The design team shares how they came up with the new logo.

Update: When I said that Google’s new logo “still looks like a middlebrow kids clothing brand logo”, this is pretty much what I meant.

Gymboree Google

Gymboree’s identity (1993-2000) vs. Google’s new identity (Sep 01, 2015)

(via @buzz)


Reissue of the NASA Graphics Standards Manual

NASA Standards Manual

When I posted about NASA’s logo battle, I included a link to some photographs of the NASA Graphics Standards Manual. At the time, I mused to myself that someone should reprint the manual…hey, maybe the guys who did the standards manual for the NYC subway. Well, lo and behold, that is exactly what’s happening. Jesse Reed & Hamish Smyth just launched a Kickstarter campaign to reissue the 1975 NASA Graphics Standards Manual.

Our Kickstarter will support the printing of a reissue of the manual. It will be printed and bound as a hardcover book, using high quality scans of [the original designer’s] personal copy, who is in full support of the campaign.

Instant order.

Update: It’s not a printed copy, but possibly (?) in response to the Kickstarter, or other renewed attention, NASA has released the standards manual as a free downloadable PDF.


The Architecture of American Houses

From Pop Chart Lab, a beautiful poster showing 121 architectural styles of American houses.

Architecture of American Houses

Architecture of American Houses

Useful if you don’t know your Victorian from your Tudor from your Greek revival.


Big brands swap logo colors

Paula RΓΊpolo took some famous brands’ iconic logos (McDonald’s, Starbucks, eBay) and swapped the colors with logos of their competitors (Subway, Dunkin Donuts, Amazon). Here’s FedEx and UPS:

Logo Color Swap


Beautiful hand-painted globes

Bellerby & Co. Globemakers are one of the world’s last remaining makers of globes by hand. Their Instagram account is chock full of their handiwork.

Globemakers

Globemakers

If I could afford it (Β£2000!), I’d get The Livingstone globe in Prussian blue. Beautiful and wonderful craftsmanship.


NASA’s Logo: the Worm vs. the Meatball

NASA’s original logo looked something like this:

Nasa Meatball Logo

It was referred to, colloquially, as the meatball. In the 1970s, the meatball was switched out for the worm, a more Modernist take:

NASA Worm Logo

This logo was done by Richard Danne and Bruce Blackburn, and Danne wrote an essay about the experience.

And here is one of the most interesting exchanges I’ve ever witnessed in a design presentation:

Fletcher: “I’m simply not comfortable with those letters, something is missing.”
Low: “Well yes, the cross stroke is gone from the letter A.”
Fletcher: “Yes, and that bothers me.”
Low: “Why?”
Fletcher: (long pause) “I just don’t feel we are getting our money’s worth!”

Others, not just the designers were stunned by this last comment. Then the discussion moved back to the strong red/rust color we were proposing. We had tried many other colors of course, including the more predictable blue range, but settled on red because it suggested action and animation. It seemed in spirit with the Can Do nature of the Space Agency.

Fletcher: And this color, red, it doesn’t make much sense to me.”
Low: “What would be better?”
Fletcher: “Blue makes more sense… Space is blue.”
Low: “No Dr. Fletcher, Space is black!”

NASA’s Graphics Standards Menu utilizing the worm logo can be seen here.

Nasa Design Manual

The space agency switched back to the original logo in 1992. Michael Bierut compared the two:

The worm is a great-looking word mark and looked fantastic on the spacecraft. By any objective measure, the worm was and is absolutely appropriate, and the meatball was and is an amateurish mess.

(thx, jarrett)


Artisanal cash

Artisanal Cash

Cities, businesses, and artists are producing small batches of paper currency designed to be spent locally. I love the Β£20 note from Bristol, England (above)…it’s got Wallace’s head on it!

The local currency, though, is intended not as collectible but to encourage trade at the community businesses where they are accepted, rather than chain stores, where money taken in tends to flow out of town and into the coffers of multinational corporations. (Compare it to the farmers’ market: Homegrown lettuce now has a whole new meaning.)

“If you use a local currency, you keep the money local, and that has a ‘lifts all boats’ vibe to it,” said David Wolman, the author of “The End of Money.”


Real Windows 3.0 Solitaire deck of cards

Susan Kare Cards

Susan Kare, who famously designed the original icons for the Apple Macintosh, has teamed up with Areaware to offer real decks of cards with her artwork from Windows 3.0’s version of Solitaire. Nice example of defictionalization. They’re currently sold out but I’m hoping they restock so I can order a deck. (via subtraction)

Update: Areaware tells me that the cards aren’t out of stock, they are just not in stock yet. So don’t worry…they haven’t sold out or anything.


Cool furniture alert: the Fibonacci Shelf

The Fibonacci Shelf by designer Peng Wang might not be the most functional piece of furniture, but I still want one.

Fibonacci Shelf

Fibonacci Shelf

The design of the shelf is based on the Fibonacci sequence of numbers (0, 1, 1, 2, 3, 5, 8, 13, 21, …), which is related to the Golden Rectangle. When assembled, the Fibonacci Shelf resembles a series of Golden Rectangles partitioned into squares. (via ignant)


Pixar: The Design of Story

Design Pixar

Pixar: The Design of Story is an upcoming exhibition at the Cooper Hewitt National Design Museum here in NYC.

Through concept art from films such as Toy Story, Wall-E, Up, Brave, The Incredibles and Cars, among others, the exhibition will focus on Pixar’s process of iteration, collaboration and research, and is organized into three key design principles: story, believability and appeal. The exhibition will be on view in the museum’s immersive Process Lab β€” an interactive space that was launched with the transformed Cooper Hewitt in December 2014 β€” whose rotating exhibitions engage visitors with activities that focus on the design process, emphasizing the role of experimentation in design thinking and making.

More details are available in the press release. Definitely going to check this out and take the kids.


Muji’s minimalist white toaster

I think I’m a little bit in love with Muji’s white toaster, designed β€” along with a few other new items β€” by Naoto Fukasawa.

Muji Toaster

Fukasawa also designed Muji’s wall-mounted CD player. The toaster is only available at select stores in the US for now, but can be found in the UK and Europe in a few months. Or buy it now on eBay. (via @daveg)


Designers’ summer reading picks

Wired asked a bunch of noted designers β€” Paola Antonelli, John Maeda, Jessica Walsh, Milton Glaser, etc. β€” for their summer reading picks. Among their selections were Flow by Mihaly Csikszentmihalyi, An Engineer Imagines by Peter Rice, The Success and Failure of Picasso by John Berger, and Just Enough Research by Erika Hall.


Winners of the 2014 50 Books | 50 Covers competition

50 Books 2014

Design Observer and the AIGA have announced the winners of their 50 Books | 50 Covers competition to find the best designed books and book covers published last year. The books are here and the covers are here.

Area X Book Cover

Wolf In White Van

On Such A Full Sea Book Cover

They’re publishing a book and putting on an exhibition in New Orleans of the winners and need your help on Kickstarter to make it happen.


Wes Anderson color palettes

Color palettes derived from Wes Anderson movies.

Wes Anderson Palettes

Wes Anderson Palettes


Saul Bass’ best film title design work

Saul Bass designed the opening sequences for dozens of films, including North by Northwest, Psycho, West Side Story, and Goodfellas. Here’s a look at some of his best work:

(via art of the title)


Beyond Tufte

From designer Karl Sluis, a list of nine great book about information visualization not written by Edward Tufte. Gonna keep my eye out for Stephen Few’s Now You See It and David McCandless’ The Visual Miscellaneum, but Herbert Bayer’s World Geographic Atlas is a little too rich for my blood.


Design can change the world?

I love this piece from Jennifer Daniel about self-congratulatory “design can change the world” rhetoric.

Design can change the world. Are you kidding me? Are we having a debate or a therapy session?

Designers will do anything to convince themselves we are not in a service industry. Why are we so desperate to make ourselves feel better? Because we feel GUILTY and we have to reconcile what we do professionally with the world we live in. We WANT to save the world so we repeat our daily affirmations on our way to work…

“Design can change the world.”

…on our way to yoga…

“Design can change the world.”

This debate as is an attempt to assuage the guilt we already have and know we have because we’re here doing THIS instead of something truly meaningful.

(via @jimray)


The mighty morphing Hillary logo

Hillary Logo Multiple

Soon after the logo for Hillary Clinton’s campaign was revealed, I wrote “I am not a big fan of the arrowed H”. Well, the campaign’s clever use of the logo has won me over. Quartz’s Annalisa Merelli explains.

It is through all these iterations that Clinton’s logo fully displays its iconic value: It is highly recognizable despite the changes, and the much-criticized right-facing red arrow is now appears as it was likely meant to: pointing the way forward. The different backgrounds aren’t just an innovative graphic solution-they are the visual embodiment of the values Clinton is building her campaign around. It vehicles a leadership based on collectivity and inclusiveness rather than the elitist individualism Clinton is often accused of.


Design service just for restaurant websites

This is smart: a startup design service called BentoBox just for designing restaurant websites. Entrepreneur magazine recently profiled the service.

The site conveys important information β€” location, hours and a phone number are featured prominently, as are frequently asked questions β€” in a visually appealing way that expresses the restaurant’s high-end yet relaxed atmosphere while also making you hungry.

This is what a restaurant website should do β€” namely, serve as an extension of its brick-and-mortar presence β€” and yet so many miss the mark, says Krystle Mobayeni. For years, Mobayeni ran her own web design agency. Clients included Rent the Runway, Sailor Jerry, the School of the Visual Arts, plus a few restaurants, such as David Chang’s Momofuku. While companies in other industries usually had a good handle on their web presence, Mobayeni noticed that the restaurants were struggling. There wasn’t a good platform that anticipated their needs and gave them an easy way to present themselves on the web, and so often, their sites suffered for it.

The number has been steadily dwindling the last few years, but it’s surprising how many restaurant sites are still Flash, don’t work on mobile, and make you work to find the location and opening hours. Some examples of Bento’s work: Parm, Fedora, and The Meatball Shop. Damn, now I’m hungry. (via @adamkuban)


Jessica Hische’s secrets revealed!

Jessica Hische

One of my favorite designers, Jessica Hische (she did the film titles for Moonrise Kingdom), is coming out with a new book in September called In Progress: See Inside a Lettering Artist’s Sketchbook and Process, from Pencil to Vector.

This show-all romp through design-world darling Jessica Hische’s sketchbook reveals the creative and technical process behind making award-winning hand lettering. See everything, from Hische’s rough sketches to her polished finals for major clients such as Wes Anderson, NPR, and Starbucks. The result is a well of inspiration and brass tacks information for designers who want to sketch distinctive letterforms and hone their skills.

Hische made a video offering a quick tour of the book:

A video posted by @jessicahische on

Looks great!


Football commentary cheat sheets

Nick Barnes is a football commentator for BBC Radio Newcastle. For each match he does, Barnes dedicates two pages in his notebook for pre-match notes, lineups, player stats, match stats, and dozens of other little tidbits.

Nick Barnes

Nick Barnes

Wonderful folk infographics. NBC commentator Arlo White also shared his pre-match notes. Both men say they barely use the notes during the match…by the time the notes are done, they know the stuff. (via @dens)


Perfect cubes of food

Perfect Food Cubes

From the design shop of Lernert & Sander, a poster of almost a hundred different foods cut into perfect little cubes. No CGI involved, it’s actually food. No idea how they got some of those foods to hang together…particularly the onion, cabbage, and leek. (via colossal)


Handdrawn logos

Seb Lester can somehow freehand draw the logos for the NY Times, Honda, Ferrari, Coca-Cola, and many more.

Watching the video, I didn’t even notice any tracing…it’s all freehand. Keep up with Lester’s drawings on his Instagram account.


Earliest Apple.com homepage

Kevin Fox recently unearthed a screenshot he took of Apple’s homepage in the early 90s:

Apple early homepage

I don’t remember this version, but it looks like it was contemporary with this Microsoft homepage (which I do remember). I bet there’s footage of this page in Triumph of the Nerds or Nerds 2.0.1 or on an episode of Computer Chronicles. Anyone?


Hillary Clinton logo typeface

Inspired by the logo for Hillary Clinton’s 2016 Presidential run, designer Rick Wolff created an entire uppercase alphabet for a typeface he’s calling Hillvetica.

Hillvetica

From his Twitter stream, it appears that Wolff is attempting to make an actual Hillvetica font so stay tuned. FYI, Pentagram partner Michael Bierut designed the logo. The simplicity is appealing, but overall I am not a big fan of the arrowed H.

Update: The Washington Post made a little text editor so you can write whatever you want in Hillvetica. The Clinton campaign has already put it to use: