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

Brand minimalism

Shopping in a supermarket can be visually overwhelming. Designer Mehmet Gozetlik took the packaging of some well-known brands and simplified them (part two). It’s interesting how some of these work and some don’t. Duracell works really well because the batteries themselves still carry most of the branding:

Duracell Brand Simple

The simplified branding of Guinness and Evian works pretty well too…the packaging is itself iconic and distinctive enough to carry them. The Pringles and Red Bull are missing something, but in almost all cases, I like one of the simplified options more than the original. (via @dunstan)


The weight of rain

In a presentation for the Visualized conference, Jonathan Corum says that he looks for the “weight of rain” when working on data graphics.

So when I’m looking at data, or working on an explanatory graphic, these are the moments I’m looking for. Little “Aha!” moments that I can point to, and say “Look here, something happened,” and then try to explain. Often those small moments can help lead a reader into the graphic, or help to explain the whole.

The actual non-metaphorical weight of rain is surprisingly heavy; an inch of rain on an acre of land weighs 113.31 tons.


The art of the rap logo

Naughty By Nature

The Art of the Rap Logo is a collection of rap logos from NWA to Snoop Dogg to Def Jam.


The Apple-ness of the Macintosh

On Daring Fireball, John Gruber reflects on the 30th anniversary of the Macintosh by noting what seems particularly Apple-like about the Mac.

The second aspect of the original Mac that stands out today as Apple-like is putting just enough whimsy into the experience. Most famously, the smiling Mac you saw as the system booted. Had anyone prior even considered a smiling computer? But fundamental to the genius of the smiling Mac is that it didn’t come across as silly or corny. Friendly and fun: yes. Goofy: no. Getting that right required that most Apple-y of talents: taste.

And he’s spot on in that second footnote about the lack of whimsy in iOS 7. There’s nothing funny about those Settings and Safari icons.


Frere-Jones sues Hoefler

Oh, wow. Tobias Frere-Jones is suing his business partner Jonathan Hoefler over ownership of world-reknowned type foundry Hoefler & Frere-Jones.

Type designer Tobias Frere-Jones claims he has been cheated out of his half of the company by his business partner, Jonathan Hoefler. In a blistering lawsuit filed today in New York City, Frere-Jones says he was duped into transferring ownership of several fonts, including the world-famous Whitney, to Hoefler & Frere-Jones (HFJ) on the understanding that he would own 50% of the company.

“In the most profound treachery and sustained exploitation of friendship, trust and confidence, Hoefler accepted all of the benefits provided by Frere-Jones while repeatedly promising Frere-Jones that he would give him the agreed equity, only to refuse to do so when finally demanded,” the suit claims.

The full complaint is here. A descendant of Whitney (Whitney ScreenSmart) is what you’re reading right now and I was an early beta tester of H&FJ’s webfont service. This is gobsmacking news…I have no idea what to think about it. What a sad and strange situation. (via @khoi)

Update: H&FJ has released a statement from their general counsel:

Last week, designer Tobias Frere-Jones, a longtime employee of The Hoefler Type Foundry, Inc. (d/b/a “Hoefler & Frere-Jones”), decided to leave the company. With Tobias’s departure, the company founded by Jonathan Hoefler in 1989 will become known as Hoefler & Co.

Update: According to a document filed with the New York County Clerk, the matter between Hoefler and Frere-Jones “has been settled”. No other details are available at this time.


The best book covers, movie posters, and magazine covers of 2013

Magazine covers, movie posters, and book covers all have the same basic job, so it seemed proper to group these lists together: 50 [Book] Covers for 2013, The 20 best magazine covers of 2013, The 50 Best Posters Of 2013, Top [Magazine] Covers 2013, The Best Book Covers of 2013, The 30 Best Movie Posters of 2013, Best Book Covers of 2013. Lots of great work here. I still can’t figure out whether I love or hate this cover of W with George Clooney on it:

Clooney W Mag


If the New Yorker were set in Paris

Covers for The Parisianer, an imaginary version of the New Yorker set in Paris.

Parisianer


Santa’s brand guidelines

Communications agency Quietroom came up with a tongue-in-cheek set of brand guidelines for Santa Claus outlining a brand refresh for the jolly Pole dweller.

Santa Brand Refresh


Top 25 album covers of 2013

From Pitchfork, a list of the best album covers from 2013. My favorite is this one from Tyler, The Creator, which looks more or less like the opposite of a rap album.

Tyler The Creator Album

I also liked Michael Cina’s cover for Fort Romeau (which he adapted from his very fetching art) and of course Yeezus, which is this year’s unignorable album in every way. (via @pieratt)


Massive collection of Eastern European matchbox labels

Euro Matchbox

Euro Matchbox

From Flickr, a collection of more than 1600 matchbox labels, most of them from Eastern Europe. (via @themexican)


Football as Football

Football as Football is a collection of American football team logos in the style of European football club badges. Here are badges for the Detroit Lions (in the Italian style) and New England Patriots (in the Spanish style).

 
Football As Football 01

 
Football As Football 02


Watch a hand-lettering master at work

Glen Weisgerber is a wizard at the art of hand-lettering. Make sure you watch all the way through for the big flourish-y finish.

(via colossal)


Wood type alphabets

More than 80 photos of marvelous wood type alphabets in this Flickr set.

Wood Type Alphabet

The scans are from Rob Roy Kelly’s 100 Wood Type Alphabets. (via @H_FJ)


The Best American Infographics 2013

Sadly, most infographics these days look like this, functioning as a cheap and easy way to gussy up numbers. But when done properly, infographics are very effective in communicating a lot of information in a short period of time and can help you see data in new ways. In The Best American Infographics 2013, Gareth Cook collects some of the best ones from over the past year. Wired has a look at some of the selections.

Dog Infoviz


CloudPaint

CloudPaint

CloudPaint is a fully operational online version of the original MacPaint released with the Macintosh in 1984. The source code for version 1.3 of MacPaint is available from the Computer History Museum.


Stephen Hawking’s Party for Time Travellers

Steven Hawking came up with a simple and clever way of seeing if time travel is possible. On June 28, 2009, he threw a party for time travellers from the future…but didn’t advertise it until after the party was already over.

In an effort to improve the chances of the party invite being noticed by future generations, Peter Dean, working with approval from Hawking, has made this gorgeous hand-printed poster of the party invitation:

Hawking Party Poster

There’s also a smaller less-expensive version of the poster in grey and a fetching yellow/orange.


Lego calendar

Vitamins is a design studio in London that made a wall calendar out of Lego. They also built a mechanism to sync an online calendar to the Lego one: you just take a photo of the Lego calendar and send it to a special email address and voilà!

(via ★interesting)


Fine Hypertext Products

My favorite of Jason’s posts are the ones that are wrong. I love the spirited debate, looking at the @messages directed to him, and I especially love the “Post Updates” feature and its self-documenting “wha?” Kottke.org is not about viral videos or amazing facts (although it has those, too), it’s about Jason saying: “Look at this cool thing,” and starting a conversation around it. Jason has worked for almost fifteen years as programmer, editor, designer and of course blogger of the site with sharing at its core.

I’ve always loved how he thinks and talks about the way the site works:

Stellar is the natural extension of Jason’s work. The site is an enthusiasm engine, allowing you to see the best of the Internet through the eyes of friends and trusted strangers. It’s one of the Top Five pieces of software of all time.1 Jason’s fine hypertext products buy us time by filtering out the crap. If you want something good to read or look at or retweet, Stellar won’t let you down. And it’s made Kottke.org better too.

Last night I swung by Jason’s neighborhood place to raise a glass in Jason’s honor. Meg generously offered me a few glasses more and soon I was telling strangers to buy the Stellar fun pass. Some people are angry drunks, I tell strangers about Stellar. But I do want to take this (sober!) moment to encourage you to buy the stellar fun pass, it helps Jason do what Jason does best - he does it better than anyone else, and it makes all of us better at internet.

Jason was way ahead of his time with his Micropatronage project, which has been a huge influence on how I work and think about the web ever since. I also love How Cranberries are Harvested, NFL maps, God Fave the Queen,
Hilarious bad lip reading of NFL players
, Megway, the old domain “yoink.org,” kottke.org/random, and kottke.org posts tagged kottke.org. I love kottke.org.

Happy Birthday, Jason!

1. I am tweaking this list in my head almost weekly, but Stellar is always on it.


Moonrise Kingdom typography

The Art of the Title chats with the excellent Jessica Hische about the lettering and type design she did for Wes Anderson’s Moonrise Kingdom.

To me, that was really fun because if you think about New England in the ’60s… it’s not like most places would be staying on top of the most current trends in type, using typefaces that were released that very year. So, using something from the ’40s made sense to me. If you think about a small, conservative New England town, lord knows all the printers and designers in town are probably still using type from years ago. I think when people think about historical type references, they often don’t think about that. You should be reaching from that time period to 15 - 20 years earlier and then you’ll be getting stuff that’s quote-unquote “current.”

And she’s releasing the typeface commercially so everyone can use it! Yay!


Japanese Manhole Covers Are Beautiful

This group on Flickr shows just how fantastically designed Japanese manhole covers are. Here are some of my favorites:

Japanese Manholes 01

Japanese Manholes 02

Japanese Manholes 03

Japanese Manholes 04


All the colors, once each

In the parlance of NYC graffiti enthusiasts, going “all city” means getting your stuff known all over the five boroughs. Now a group of designers are challenging each other to go “all RGB”, to make images that contain all of the 16.7 million colors that make up the RGB spectrum once each. This entry is amazing because it still looks like an actual photograph when you zoom out (many others do not):

All RGB

You can find many more entries on allRGB.com or make your own using this code on GitHub. (via digg)


The New Yorker’s slow design

On the occasion of the latest New Yorker redesign, a worthy re-link to Michael Bierut’s appreciation of the magazine’s practice of slow design.

Publication design is a field addicted to ceaseless reinvention. Sometimes a magazine’s redesign is generated by a change in editorial direction. More often, the motivation is commercial: the publisher needs to get the attention of fickle ad agency media buyers, and a new format — usually characterized as ever more “scannable” and “reader-friendly” — is just the thing. In contrast, one senses that each of the changes in The New Yorker was arrived at almost grudgingly. Designers are used to lecturing timid clients that change requires bravery. But after a certain point — 80 years? — not changing begins to seem like the bravest thing of all.

The New Yorker’s design changes over the years have been so slight that, as Bierut notes, the latest issue looks remarkably like the first issue from 1925.


A ton of vintage type

Type Hunting

Type Hunting. Prepare to lose yourself in this for awhile. Wow. (via df)


Stack

Mugi Yamamoto Printer

Mugi Yamamoto’s inkjet printer, designed for his diploma project, eliminates the paper tray and related components by having the printer sit directly on top of the paper, which it “swallows” as it prints.


iPhone 6 Infinity

Apple fan fiction is more popular than ever and usually takes the form of mockups of designs for new products and alternate designs for existing products. There’s been a recent burst of creative energy unleashed on Dribbble around the idea of an iPhone with a screen that wraps completely around the device (or at least down around the sides). Claudio Guglieri seems to have accidentally started it with this mockup of an RSS reader he’s working on:

Iphone 6 Infinity

Fabio Basile dubbed it iPhone 6 Infinity and made a Photoshop template that others could use to make further mockups. More mockups from them and others followed: Side Screen, another Photoshop template, a wrap-around social app, an alternate lock screen, and these subtle side indicators.

Iphone 6 Infinity

Leaving aside for the moment the issue of how a touchscreen device that’s all screen would function while being held, the visual effect is pretty cool.


Posters of famous movie cars

The CarsAndFilms Etsy shop sells posters featuring famous cars from films.

Cars And Films

(via cup of jo)


Time lapse of old photo restoration

Nice peek into the process of Photoshopping an old photo to make it look new again:

(via @DavidGrann)


Cover by Peter Mendelsund

Details are scarce and publication is months away, but hotshot book designer Peter Mendelsund is coming out with a book called Cover. I bet it will contain a collection of his covers. Or will be about covers. Or something. But I love book covers so whatever it is, I am covered.


Hollywood Star Charts

New prints in the Dorothy shop: these really cool Hollywood Star Charts, available in Golden Age and Modern Day editions.

Hollywood Star Chart

The Modern Day version of our Hollywood Star Chart features constellations named after some of the most culturally significant films to have appeared on the silver screen since 1960 - present day. The stars that make up the clusters are the Hollywood stars that appeared in them.

The chart is based on the night sky over New York on June 16th 1960 — the date of the first showing of Hitchcock’s ‘Psycho’ at the DeMille Theater. With its new approach to storytelling, characterisation and violence it is seen as a key movie in the start of the post-classical era of Hollywood.

The 108 films featured include those chosen for preservation in the US National Film Registry due to their cultural, historical, or aesthetic significance; Academy Award winners; and a few personal favourites. Films include Easy Rider, Bonnie and Clyde, The Exorcist, The Godfather, Chinatown, Star Wars, Pulp Fiction and Avatar.

You may remember Dorothy from their movie name maps.


The evolution of the Star Wars logo

An extensive examination of the evolution of the Star Wars logo, which went through too many iterations to count.

..Though the poster contained no painted imagery, it did introduce a new logo to the campaign, one that had been designed originally for the cover of a Fox brochure sent to theater owners….Suzy Rice, who had just been hired as an art director, remembers the job well. She recalls that the design directive given by Lucas was that the logo should look “very fascist.”

“I’d been reading a book the night before the meeting with George Lucas,” she says, “a book about German type design and the historical origins of some of the popular typefaces used today — how they developed into what we see and use in the present.” After Lucas described the kind of visual element he was seeking, “I returned to the office and used what I reckoned to be the most ‘fascist’ typeface I could think of: Helvetica Black.”

(via df)