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 eyeballing game

The eyeballing game tests how good you are at lining things up. I got a 4.46 on my first try, but my hand slipped on one of them so I’m going to try again… Leave your best (or worst) score in the comments. (via core77)

Update: 4.34. I suck at parallelograms and triangle centers.


New Apple MacBooks

Apple announced new MacBooks and MacBooks Pro today and as Apple’s new releases always seem to do, the new models make the old ones look like a pile of puke. (My year-old MacBook Pro suddenly looks like an antique.) To show off their new lineup and manufacturing process, they’ve produced a little video. Jonathan Ive is one earnest dude.


Brand posters for movies

Movie posters that list all the product placements in the films. (via quips)


Muji Chronotebook

The Muji Chronotebook combines the flexibility of a plain paper notebook with the utility of a daily planner.

For each function or feature you add, you lose a purpose. A blank sheet that could’ve been used in a million different ways can now only be used for a few. Artists aren’t going to buy a calendar if they’re looking for something to sketch on. Writers aren’t going to pick up to-do lists to use as a journal. This isn’t a bad thing per se โ€” by narrowing down on a purpose, a blank sheet of paper can become more useful and relevant to certain people.

Each page of the Chronotebook has a analog clock in the middle, around which you can freely form appointments (just draw a line to the time for the meeting), sketch, make lists, or anything else the mostly blank page beckons you to do. Fantastic idea.

Update: Here’s the same idea in whiteboard form. (thx, michael)


The Atlantic redesign

The Atlantic is getting a redesign. Changes are already afoot over at the web site and Pentagram’s blog has an extensive look at the magazine’s new look, designed by Michael Bierut, Luke Hayman, and their team. I love the proposed Helvetica cover. The inspiration for the throw-back logo came in part from an appearance of an old issue of the magazine on Mad Men (Bierut is a fan).

BTW, the new cover tells of an article on blogs โ€” Will Blogs Kill Writing? โ€” that you will likely be hearing about from all corners of the web when the issue is released next week.


Mad Men typography

Mark Simonson takes an extensive look at the typography of Mad Men and concludes that a surprising amount of the type is set in fonts that either weren’t around in the early 60s or weren’t yet popular in the US.

Then there is the Gill Sans (c. 1930) problem. Gill is used quite a lot in the series, mainly for Sterling Cooper Advertising’s logo and signage. Technically, this is not anachronistic. And the way the type is used โ€” metal dimensional letters, generously spaced โ€” looks right. The problem is that Gill was a British typeface not widely available or popular in the U.S. until the 1970s. It’s a decade ahead of its time in American type fashions.

There’s also the Arial problem in the ending credits.


Book design competition results

The AIGA has posted their 50 Books/50 Covers selections from 2007. It’s worth fighting through the stupid Flash interface to check out these covers (click “View the 365:AIGA Year in…” and then on “Book design”). The covers are on display in NYC until 11/26/2008. (via book design review)


How to make a New Yorker cover

Illustrator Bob Staake explains the process behind his cover on this week’s politically themed New Yorker, including rejected alternatives and a video progression of the finished design. Staake still uses a copy of Photoshop 3.0 on MacOS 7 to do his illustrations. That was a great version of Photoshop…I remember not wanting to switch myself. (via df)

Update: Staake uses OS X with MacOS 9 running in the background:

Let me clear up today’s rumor: I do NOT work in OS 7. I use OSX and run classic (9.0) in the background. Photoshop 3.0? Yes, STILL use that.


Personal identity guidelines

We’ve seen personal annual reports, but now Christopher Doyle has devised a set of personal identity guidelines for himself.

The image above is from a spread marked Full Colour Vertical_Private. The following ‘key identity formats’ are, of course, Full Color_Vertical, Full Colour Seated_Casual and Full Colour Seated _Formal.

The incorrect uses are hilarious.


Best magazine covers of the year

Finalists for the 2008 magazine cover of the year competition. That Spitzer one always makes me laugh.


Nice book covers

Some nice work amongst the finalists of a contest to design the book cover for a novel called The Island at the End of the World. (via book design review)


The totem fridge

Totem Fridge

For creator Stefan Buchberger, a design student at the University of Applied Arts in Vienna, the idea grew out of a semester-long theme about keeping personal space clean and tidy. “I decided to create Flatshare fridge because there is nothing more disgusting than a dirty fridge in a shared flat,” he says. “At the time, I was living in such a flat!”

The fridge consists of a base station and up to four stackable modules. The modules allow each individual user to have his or her own refrigerator space and can be customized with various colorful skins as well as with add-ons like a bottle opener or a whiteboard.

The Flatshare refrigerator has the perhaps unfortunate side effect of reinforcing which household members hold lower positions on the metaphorical totem pole and therefore always need to bend down to access their unit while higher-status members can easily get at their fruit and veg without genuflection. (via cribcandy)


Every Photoshop filter

Dorothy Gambrell applies every Photoshop filter to an image in order and posted the results, including all the tweens. (via waxy)


True Blood titles

I don’t know if I’m interested in watching the show or not, but we might have a new leader in the best TV show main title sequence: True Blood. By the same folks who did the Six Feet Under titles. Perhaps NSFW. (via quips)

Update: Maybe Digital Kitchen was influenced by a documentary called Searching for the Wrong Eyed Jesus in making the True Blood titles?


Word Clock

I love the linear version of the Word Clock. Completely impractical but lovely.


All-maleness strikes again

William Drenttel opines on the all-white-male jury of an Adbusters design competition:

Nearly a decade into a new century, I believe it is unacceptable for a design organization, foundation, board of directors, magazine or other enterprise, to mount an initiative with an all male panel of judges โ€” or, put another way, “white, native English-speaking men from the U.S., British Isles or Australia.” Such behavior is no longer acceptable and should not be tolerated by a community of designers (or any other community). Designers around the world should just say no.


The color of bruises

COLOURlovers, the site that takes inspiration from colors in the real world to make design palettes, today has a collection of palettes inspired by some wickedly vibrant bruises.


Guilloches

Experiments with Guilloche patterns, those fine geometric patterns you find on European banknotes.

Banknote patterns fascinate me. I can get lost for hours in all the details, seeing how the patterns fit together, how the lettering works, the tiny security ‘flaws’ โ€” they’re amazing. Central to banknote designs are Guilloche patterns, which can be created mechanically with a geometric lathe, or more likely these days, mathematically. The mathematical process attracted me immediately as I don’t have a geometric lathe and nor do I have anywhere to put one. I do, however, have a computer, and at the point I first started playing with the designs (mid-2004) Illustrator and Photoshop had gained the ability to be scripted.


Hidden radio

The Hidden Radio has no obvious controls…unless you count that the radio *is* the controls…it “has either no user interface…or…is all user interface”.

Hidden Radio

The volume is controlled by lifting the lid of the radio (which also reveals the speaker). Tuning is done by twisting the lid. Absurdly clever. (via monoscope)


Gravestone motif analysis

An analysis of the three major types of gravestone motifs used in eastern Massachusetts during the seventeenth and eighteenth centuries.

The earliest of the three is a winged death’s head, with blank eyes and a grinning visage. Earlier versions are quite ornate, but as time passes, they become less elaborate. Sometime during the eighteenth century โ€” the time varies according to location โ€” the grim death’s head designs are replaced, more or less quickly, by winged cherubs. This design also goes through a gradual simplification of form with time. By the late 1700’s or early 1800’s, again depending on where you are observing, the cherubs are replaced by stones decorated with a willow tree overhanging a pedestaled urn.

Pay special attention to the graph of the popularity of each motif and the slideshow of example gravestones. (thx, peterme)

Update: A reader writes in:

In regards to your post on Gravestone Motif Analysis, I think that the most important text on the subject is still Graven Images: New England Stonecarving and its Symbols, 1650-1815 by Allen Ludwig. It was originally published in 1966, before the article that you linked to. However, Wesleyan University Press published a new edition in 2000 to help meet the rising demands of Material Culture Studies courses. Lots of helpful images and histograms showing the changing patterns of gravestones over that time period.

I *love* that the collective readership of this site knows what the definitive text on New England gravestone carving is. (big thx, fletcher)


Saul Bass on film titles

Thirty-five minute video in which Saul Bass talks about some of the iconic movie title sequences he created in his career. (via smashing telly)


Mad Men’s Arial gaffe

Mad Men gets a C- for using Arial in the closing credits instead of original-and-still-champion Helvetica. Time for Sterling to have a chat with the art department.


North Korean anti-US posters

A collection of North Korean anti-US propaganda posters.

Though the dog barks, the procession moves on!

(via fp passport)


Super-noticing

Interesting interview about “noticing” and how good designers, writers, etc. are adept at “super-noticing”.


People carrying people

Print magazine has collected a number of images from movie posters, book covers, etc. that feature a person carrying another person.

Today, variations on this idea have begun to appear. It is very common to see the “hero” (male) in the arms of another “hero,” “beauty” in the arms of another “beauty,” and ultimately, a male being carried by a female who is no longer depicted as defenseless and childlike but strong. In a sense, it’s a return to the theme’s origin: The Madonna holding and protecting her child.


Generative book covers

A British company called Faber & Faber is doing print on demand books with a wrinkle: each book has its own distinct cover that’s generated at print time.

Generating the borders was just one, if major, task of the final solution, though. The custom software written in Processing, straight Java and PHP works as an internal webservice at Faber which receives new batch orders and then generates complete, print ready PDF files with all copy, branding, spine, ISBN, barcode and optional high-res JPG preview using the book details supplied. Generating a single cover only takes about 1 second, but due to its iterative and semi-random nature can sometime require hundreds of attempts until a “valid” design is created which is judged to be “on brand” by software itself.

What a day it will be when software can determine whether all of us are “on brand” or not. (thx, david)


Infoviz slideshow

Slate has a nice short history of information visualizations, including work from Josh On, Jonathan Harris, and Martin Wattenberg. Many many more examples can be found on kottke.org’s infoviz page.


Arty bathroom tiles

Christoph Niemann has used some unusual image sources to tile his bathrooms. For the shower, an appropriation of Warhol’s Brillo box. For the kids bathroom, a NYC subway map.


Daytum, your daily data

Daytum is a site for keeping track of your life, a “home for collecting and communicating your daily data”. For a glimpse of how Daytum might work, check out Daytum founder Nicholas Felton’s personal annual reports. Somewhat related: Trixie Tracker, the online baby tracking software. The first person I remember tracking their data in this way online was Erik Benson on his Morale-O-Meter.

Update: And Moodstats from K10K…I forgot about (the dearly departed) Moodstats! (thx, nick)


The pretty colors of salt evaporation ponds

COLOURlovers draws out some color palettes from salt evaporation ponds from around the world. If you’ve ever flown into San Francisco, you may have seen the salt ponds at the south end of the bay.