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

The Ingenious Design of the Aluminum Beverage Can

The aluminum soda can is a humble testament to the power and scope of human ingenuity. If that sounds like hyperbole, you should watch this video, which features eleven solid minutes of engineering explanation and is not boring for even a second.

More science/engineering programming like this please…I feel like if this would have been on PBS or Discovery, it would have lasted twice as long and communicated half the information. For a chaser, you can watch a detailed making-of from an aluminum can manufacturing company:


Modern day VHS

Modern Day VHS

Someone pretending to be a Parisian hipster who only watches VHS versions of modern shows & movies like Game of Thrones and Interstellar created these VHS covers as an April Fools joke. These are actually pretty great. (via subtraction)


Haas Unica rides again

Haas Unica

Conceived in the late 1970s as a hybrid of three of the most popular (and some would say, overused) sans-serif typefaces in the world, Haas Unica didn’t make the digital jump to personal computers in the 1980s. It was nearly forgotten, but has been revived by Monotype, which released Neue Haas Unica as a webfont today.

Unica® was an attempt to create the ultimate sans-serif - a hybrid of Helvetica, Univers and Akzidenz Grotesk. Designed by Team ‘77 and released to great acclaim in 1980, Unica went missing under a heap of legal disputes and has never been available as a full, digital typeface. Until now.

Unica’s story starts in the 1970s. Electronic, on-screen phototypesetting was gaining popularity, but most sans-serif typefaces on the market had been designed earlier, in the era of metal type. The revered Haas Type Foundry in Münchenstein, Switzerland, saw the chance to develop a new sans-serif face that was optimized for the new technology and filled the gap in the market. To develop their new product, they turned to Swiss type design trio, Team ‘77 (André Gürtler, Christian Mengelt and Erich Gschwind).

Team ‘77 set out to design a font based on Helvetica but drawing on other sans-serif typefaces, principally Univers. The name they gave it would also be a hybrid of the two.

The original name for Helvetica was Neue Haas Grotesk. Haas + Univers + Helvetica = Haas Unica.

Update: Several digital versions of Haas Unica have been available prior to this one.

For many years a digital version of Unica was available from Scangraphic (and Elsner+Flake) but it was pulled from the market due to a complaint by Linotype who claims the Haas rights. In 2008, Cornel Windlin did a Semibold for the the Schauspielhaus Zürich identity, used in 2009-10. Later, Louise Paradis created a revival named Unica Intermediate while doing research for the TM retrospective.

(via @typographica)


Top new typefaces of 2014

Cooper Hewitt typeface

Although I am slowly coming around1 to Massimo Vignelli’s assertion that designers should only use a handful of typefaces, I enjoyed seeing Typographica’s list of their favorite typefaces of 2014.

Typeface design and distribution is in a state of rapid change. Last year we noted its diffusion around the globe, and that trend persists. The majority of font production is no longer concentrated in a few regional epicenters.

That goes for corporate epicenters as well. The independence of type designers themselves is increasingly evident. Small foundries have existed since the dawn of digital fonts, but now they are the norm. Only a handful of the selections in this year’s list were published by companies with more than ten employees.

I discovered that one of the selections, a beautiful custom typeface made for the reopening/rebranding of the Cooper Hewitt Design Museum (sample shown above), has been made available by the museum for free download (including a web fonts version).

  1. I mean, not really. But when 95% of everything sucks, paring down to only the good stuff is a seductive idea, isn’t it? Also, Vignelli’s NYC subway map was not good and would have benefitted from a less Swiss approach.


How Apple Watch is made

Apple Watch

From product designer Greg Koenig, a fantastic display of Kremlinology on how he thinks Apple makes the Apple Watch, based on the available evidence (production videos, patents, product specs).

In the above shot, blanks are placed in an immersion ultrasonic tester. What Apple is looking for is the presence of voids or density variances within the structure of the blank that, under stress, could lead to part failure or surface defects as material is removed in further machining processes. This level of inspection is, to put it mildly, fastidious beyond where most other companies would go (save Rolex). Immersion ultrasonic inspection is typically reserved for highly stressed medical implants and rotating components inside of aircraft engines; not only does this step take time, it also is typically performed by custom built machines of tremendous expense.

If you don’t have the time or energy to read through the whole thing, at least skip to the final two paragraphs about manufacturing as ritual.

Also, Koenig’s Twitter stream is full of interesting nuggets about Apple. Here are a few that caught my attention:


Redesigning how people die

From the cool devices in our hands, to the software on our screens, to the smooth stylings of Jony Ive’s Apple product video voiceovers, it’s clear this is the era of design. Since design has touched and changed so many parts of our lives, isn’t it time that we redesigned death? The chief creative officer at one of the top design firms in the world thinks it is:

With just a little attention, it seemed — a few metaphorical mirrors affixed to our gurneys at just the right angle — he might be able to refract some of the horror and hopelessness of death into more transcendent feelings of awe and wonder and beauty.

From Jon Mooallem in California Sunday Magazine: Death, Redesigned. (I like where you’re going with the embalming and the eternal darkness, I just think it could pop a little more.)


Female amputees grapple with prosthetics for men

woman-amputee.jpg

Motherboard has an interesting story about how women who lose limbs are finding prosthetic devices are made for men: “Man Hands.”

When Jen Lacey gets her toes done, she does both feet, even though one of them is made of rubber. “I always paint my toenails,” she says, “because it’s cute, and I want to be as regular as possible.” But for a long time, even with the painted toes, her prosthetic foot looked ridiculous. The rubber foot shell she had was wide, big and ugly. “I called it a sasquatch foot,” she jokes. “It’s an ugly man foot.”

Part of the problem is that most prosthetic devices are designed by men and most prosthetists are men.

There are a few reasons for all this male-centric design. The history of prosthetics is, in large part, a history of war. One of the earliest written records of a prosthetic device comes from the Rigveda, an ancient sacred text from India. Ironically, that amputee is a woman—the warrior queen Vishpala loses her leg in battle and is fitted with a replacement so she can return and fight again. But after that, the history of prosthetics is nearly entirely a history of men—Roman generals, knights, soldiers, dukes.

Every year, 30 percent of those undergoing an amputation are women. In other words, it’s the 70 percent that’s male that drives the market.


This light blooms like a flower

These Shylights are amazing. Kinetic ceiling lights that resemble blooming flowers, unfurling parachutes, descending ghosts.

The concept is based on nyctinasty, the process by which flowers open and close due to light or temperature changes.

“We wanted to find this exact moment, where the difference is in an object, when it is dead or when it starts to become alive.”

(via This Isn’t Happiness)


Patrick Bateman business card iPhone case

If you’ve seen “American Psycho,” you’ll likely remember the scene where Patrick Bateman and his peers pull out their business cards like Old West gunfighters pulled out their firearms. Now you can have Bateman’s card — “That’s bone. And the lettering is something called Silian Rail.” — in the form of an iPhone case.

patrick-bateman-phone-case.jpg

As for Silian Rail, according to IMDb:

This is not a real font, the name was invented by Bret Easton Ellis for the novel. In the film, the actual font seen on the business card is Garamond Classico SC.

You can watch the full scene here. (via The Cut)


Fornasetti snake rug

This Garden of Eden-themed serpent rug by Fornasetti belongs in a bedroom.

fornasetti-snake-rug.jpg

The Wall Street Journal explores “The Cult of Fornasetti.”


This Book Is a Planetarium by Kelli Anderson

This Book Is A Planetarium

One of my design heroes, Kelli Anderson, is coming out with a pop-up book called This Book Is a Planetarium. What’s unique about this book is that the pop-up elements are functional contraptions, in the vein of her record player wedding invitation. There’s a tiny planetarium:

This Book Is A Planetarium

and a speaker for your smartphone:

This Book Is A Planetarium

The news comes via a video profile of Anderson’s work by Adobe. So cool.


The Real Don Draper

Vice did a nice little feature on George Lois, the kind of 1960s big-egoed ad man on which Mad Men’s Don Draper was based.

Lois created a number of iconic ad campaigns as well as dozens of fantastic Esquire covers. Or at least he says he did. ;) (via devour)

Update: Here’s the transcript for the episode of This American Life in which Sarah Koenig interviews her father Julian Koenig about George Lois taking credit for some of his best ideas.

In my instance, the greatest predator of my work was my one-time partner George Lois, who is a most heralded and talented art director/designer, and his talent is only exceeded by his omnivorous ego. So where it once would’ve been accepted that the word would be “we” did it, regardless of who originated the work, the word “we” evaporated from George’s vocabulary and it became “my.”

Of course, Koenig also claims to have invented thumb wrestling and to have popularized shrimp in America, so… (via @kevinmeyers)


The Hungarian Euro

For her master’s project, Barbara Bernát designed a set of fictional banknotes: the Hungarian Euro.

Hungarian euro

I am a total sucker for banknote mockups and aside from the simplicity, what caught my eye about Bernát’s project is the one security feature: if you look at the notes under a UV light, you see the skeletons of the animals depicted on the notes:

Hungarian Euro

(via @shaylamaddox)


Neon Chinatown

Chinatown Logo

Chinatown Logo

Chinatown Logo

A project called Chinatown takes familiar logos like Pepsi, Starbucks, UPS, and Lego and translates them, imprecisely, into their Chinese equivalents.

It uses basic words for translation, such as “Caramel Macchiato” for “Starbucks” in order to maintain the visual continuity. By arranging the words this way, ‘Chinatown’ pushes viewers to ask themselves what it means to see, hear, and become fully aware. ‘Chinatown’ also demonstrates our strangeness to 1.35 billion people in the world, when you can’t read Chinese.

(via @pieratt)


The DWR Champagne Chair Contest

The winners have been announced in the 2015 edition of the always-charming DWR Champagne Chair Contest in which contestants compete to build the coolest little chairs using only a single champagne cork. The winner and the runner-up:

Champagne cork chair

Champagne cork chair

I actually like the second place chair more than the winner. You can check out all of the submissions to the contest on the main contest page, including this fantastic swiveling chair:

Champagne cork chair

(via @fromedome)


Vintage Weekly Bus Passes

Milwaukee Bus Passes

Milwaukee Bus Passes

Milwaukee Bus Passes

A collection of weekly bus passes from Milwaukee, WI. Years covered are 1930-1979. Was there a new design every single week? (via @slowernet)


Beautiful hand painted ski trail maps

If you’ve ever noticed most ski trail maps look kinda the same, the reason is many of them have been painted by a single individual: James Niehues.

Each view is hand painted by brush and airbrush using opaque watercolor to capture the detail and variations of nature’s beauty. In many instances, distortions are necessary to bring everything into a single view. The trick is to do this without the viewer realizing that anything has been altered from the actual perspective.

Here’s a selection of his work:

James Niehues

James Niehues

James Niehues


Responsive logos and abstraction in design

Responsive web design is a technique used by web builders where the design adapts to different screen sizes. Designer Joe Harrison has built a page with responsive logos for several well-known brands, including Coca-Cola, Nike, Disney, and Levi’s. If you resize the page, you can see the logos change. Here’s how the Disney logo looks as your browser window gets smaller (from L to R):

Responsive Disney Logo

As the browser gets smaller, the logos lose detail and become more abstract. By the time you get to the smallest screen width, you’re down to just the Disney “D” or Nike swoosh or Heineken red star, aka the bare minimum you need to render the logo recognizable, if only on a subconscious or emotional level. Which reminds me of Scott McCloud’s discussion of iconic abstraction (and The Big Triangle) in Understanding Comics, which is still one of the best books on design and storytelling I’ve ever read. Here’s a bit of the relevant passage:

Comics Abstraction

Defining the cartoon would take up as much space as defining comics, but for now, I’m going to examine cartooning as a form of amplification through simplification. When we abstract an image through cartooning, we’re not so much eliminating details as we are focusing on specific details. By stripping down an image to its essential “meaning”, an artist can amplify that meaning in a way that realistic art can’t.

The reason why those particular logos work responsively is because they each have abstract representations that work on that meaningful emotional level. You see that red Levi’s tag or Nike swoosh and you feel something.1 I think companies are having to design logos in this way more frequently. Contemporary logos need to look good on freeway billboards, on letterhead, as iOS icons, and, in the case of the Facebook, Twitter, or Pinterest logos, affixed to tiny tweet/like/pin buttons. (via ministry of type)

  1. I’ve talked about this elsewhere, but in designing the “identity” for kottke.org (such as it is), having an abstract logo identifying element has been an important part of the process. I wanted to have an element (currently the blue gradient) that if you saw it and recognized it, you had a reaction to it on a emotional level. Here’s what I wrote about an older kottke.org design: “The yellow-green thing at the top is a tag. Like the red tag on Levi’s jeans or even the red stripe on Prada shoes. It’s small, out of the way, but when you see it on something, you know exactly what you’re holding in your hands.” It’s my favorite design trick and likely influenced by Understanding Comics more than I realize.


How They Got There

Khoi Vinh is coming out with a book soon called How They Got There: Interviews With Digital Designers About Their Careers. It is, as Tyler Cowen would say, self-recommending. Vinh explains a bit more:

You can read terrific profiles of many of these folks elsewhere, but the conversations that I conducted with them are both narrower and more in-depth. They focus squarely on how these folks discovered their callings in the design profession, how they got their first big breaks, how they put together successful careers in digital media. There are some wonderful, insightful, brilliant, hilarious and amazing stories captured here.

Basically, this is the book that I wish that I could have had handy when I was just starting out, when I was trying to figure out how to get from A to B career-wise. Even better, what I found when I was writing it was that the conversations were so interesting that I felt newly inspired myself. I think you’ll feel similarly.

Forget the book (I mean, it looks great), but Khoi, where do you find the time for everything? Three kids, two or three side projects, regular blogger, startup VP…you’re almost as productive these days as Beyonce is.

Update: How They Got There is now out and available for purchase.


The best magazine covers of 2014

Piketty Bw Cover

The picks for the finest magazine covers of the year are starting to trickle out. Coverjunkie is running a reader poll to pick the most creative cover of 2014. Folio didn’t pick individual covers but honored publications that consistently delivered memorable covers throughout the year; no surprise that The New York Times Magazine and Bloomberg Businessweek were at the top of the heap.

See also the best book covers of 2014.


The best book covers of 2014

At the NY Times, Nicholas Blechman weighs in with his picks for the best book covers of 2014.

Area X Book Cover

Dan Wagstaff, aka The Casual Optimist, picked 50 Covers for 2014.

Napoleon The Great Book Cover

From Jarry Lee at Buzzfeed, 32 Of The Most Beautiful Book Covers Of 2014.

Strange New Things Book Cover

Paste’s Liz Shinn and Alisan Lemay present their 30 Best Book Covers of 2014.

Wolf In White Van

And from much earlier in the year (for some reason), Zachary Petit’s 19 of the Best Book Covers of 2014 at Print.

On Such A Full Sea Book Cover


The best movie posters of 2014

Adrian Curry selects his favorites for the best movie posters of 2014. This one, for Gabe Polsky’s Red Army, caught my eye:

Red Army Poster

See also the best poster lists from Empire, Entertainment Weekly, and Indiewire. (via subtraction)


Inside the brain of a designer

If you’ve ever wondered how a designer does their thing (or even if you haven’t), this look-over-the-shoulder view of Aaron Draplin designing a logo for a fictional company in about 10 minutes is great. A nice reminder that design is truly about making it up as you go along.

I love Draplin. Internet treasure, that guy. And that lefty writing claw! Go lefties!


Woz the designer

Totally sweet and charming video of Apple co-founder Steve Wozniak talking about the early days at the company while setting up and using an old Apple II.

Of Apple’s two founding Steves, Wozniak was the technologist and Jobs was the one with the artistic & design sense, right? But it’s obvious from watching this video that Woz cared deeply about design and was a designer of the highest order. Those early Apple circuit boards are a thing of beauty, which is echoed in the precision and compactness with which Apple currently designs iPhone and Mac hardware. They each have their own unique way of expressing it, but Woz and Jony Ive speak in a similarly hallowed way about how their products are built.

Update: Wozniak still has improving the Apple II on his mind. From earlier this year:

I awoke one night in Quito, Ecuador, this year and came up with a way to save a chip or two from the Apple II, and a trivial way to have the 2 grays of the Apple II be different (light gray and dark gray) but it’s 38 years too late. It did give me a good smile, since I know how hard it is to improve on that design.

(via @samryan)

Update: From Founders at Work, an interview with Woz that goes a bit deeper into the genesis of the Apple I and the early days at Apple.

By the time I was done, the design of the Nova was half as many chips as all of the other minicomputers from Varian, Digital Equipment Corp., Hewlett-Packard, all of the minicomputers of the time (I was designing them all). And I saw that Nova was half as many chips and just as good a computer. What was different? The architecture was really an architecture that just fit right to the very fewest chips.

My whole life was basically trying to optimize things. You don’t just save parts, but every time you save parts you save on complexity and reliability, the amount of time it takes to understand something. And how good you can build it without errors and bugs and flaws.


Posters for imagined movie sequels

Iron Giants Poster

I am loving these posters for non-existent movie sequels, but the names might be even better. A sampling:

Fight Club: The 2nd Rule
Bigger Trouble in Little China
Spaceballs III: The Search for Spaceballs II
Titanic 2: Above Zero

Prints are available for all of these. (via @cabel)


Airbnb’s unfortunate logo characters

When the new Airbnb logo was introduced, the company caught a lot of flack from the internet because the logo resembled an odd combination of almost every sexual body part. I actually liked the logo right away and after a few months with it, the juvenile connotations have faded.

But you know what makes Airbnb’s logo really really really look like a cartoonish vagina butt? Putting arms and legs and hats on the logo and animating it.

Airbnb Butt

Airbnb is sponsoring the NYC Marathon this year, and the logo characters were created for the event. Maaaaybe they’d like to rethink this?


Google’s open-sourced icons

Google MD icons

As part of their Material Design visual language, Google has open-sourced a package of 750 icons. More info here.


Norway’s new pixel money

This is the design that Norway has chosen for their banknotes starting in 2017:

Norway Pixel Banknote

From now on, I’m paying for everything with kroner. (via co.design)


Who drew the Sriracha rooster?

Sriracha Logo

The rooster on the Sriracha bottle has made its way to iPhone cases, t-shirts, and water bottles. But no one (not even the founder of the company) knows the name of the street artist who created the now famous logo.


Designing Idiocracy

Brawndo

Over at Trivia Happy, Phil Edwards interviewed Ellen Lampl, who designed the logos for Mike Judge’s underrated Idiocracy.

Some logos came from the script, while some came from the designers’ brainstorming sessions. Brawndo and Carl’s Jr. were written, while Lampl made logos for companies like Nastea and Fedexx once the overall look was approved. For Lampl, it was a great release, because “coming from the past constraints of advertising, it was cathartic to have the liberty to be bawdy and irreverent. Making everything ridiculously over-emphasized with bright colors, outlines upon outlines, and exaggerated drop shadows was my personal jab at the world of branding and in-your-face typography.”