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

Design for the Worst

In Why Every CEO Needs to Think Like a Hacker, Stalker, or White Nationalist, Rob Walker argues that products should be designed with their worst potential users in mind.

“Red teaming” (creating a group with an explicitly adversarial role, to challenge an organization’s strategy or structures) happens in military and intelligence contexts, and even in tech design, when the underlying issue is security or fending off hackers. Maybe big digital-centric companies, and small ones that aspire to scale, need a variation that’s not about fending off direct adversaries. Imagine instead a sort of Black Mirror Department, devoted to nothing but figuring out how the product can be abused โ€” and thus how to minimize malign misuse.


A Collection of 100 Years of US National Parks’ Graphical Ephemera

From the folks that produced the NYC Transit Authority Graphics Standards Manual and the NASA Standards Manual comes a new book, Parks, about the art, maps, and printed materials produced to support American’s national parks.

Parks Book

Parks Book

Parks Book

From the book’s introduction by Lyz Nagan-Powell:

If, as Wallace Stegner famously declared, the national parks are “America’s best idea,” how can we explore this idea? There is the historical aspect: America invented the concept of nationally owned and operated parks in 1872, when Ulysses S. Grant signed Yellowstone National Park into existence. But there is more to Stegner’s sentiment than just the invention of the parks. The rest of the quote goes on to say that the parks are “Absolutely American, absolutely democratic, they reflect us at our best rather than our worst.”

The national parks story isn’t simple or easy. It’s full of splendor and glory, as well as greed and exploitation. For every person who loves one of the parks like it’s their own home, there is another who resents the federal government for owning it. Even before Yellowstone became the first national park, park history was fraught with tension. Tension between preservation and use, between indigenous people and white explorers, between local rights and federal oversight, between wild freedom and human control, between park purists and park recreationists, and between commercial exploitation and historic value.

With this tense backdrop, or maybe because of it, art, imagery, writing, and design have played a vital role in the history of the national parks. Compelling creative materials that celebrated the land โ€” including books, paintings, performances, and advertisements โ€” have marked developments and milestones. These items have brought the rich landscapes and their scientific and historical significance to life.

Perhaps together, the tension and celebration make the National Park System - parks, monuments, natural areas, historic sites, and more - the perfect embodiment of America itself, and what the “best idea” of the parks is really all about.

Parks is out in October but you can pre-order it now.


Le Corbuffet

Le Corbuffet was a series of performances by artist Esther Choi that sought to bring together food with notable artists and designers, along with a healthy dose of puns. A cookbook based on the project will be out in October: Le Corbuffet: Edible Art and Design Classics. Here’s the page for Quiche Haring:

Le Corbuffet

Other dishes include Rhubarbara Kruger Compote, Shigeru Banchan Two Ways, Yokonomiyaki, Rem Brรปlรฉe, and the Robert Rauschenburger. Here’s the full menu/table of contents:

Le Corbuffet

Says Choi about where the idea for the project came from:

In 2014, I stumbled across an elaborate menu crafted by Lรกszlรณ Moholy-Nagy. The multi-panelled bill of fare was for a dinner held in tribute to the Bauhaus founder and architect, Walter Gropius, in 1937. Inspired by the menu for Gropius’s dinner, and the questions that it raised about the elitism of cultural production, I decided to conduct a social experiment a year later.


The Version Museum

The mission of Version Museum is to record and present what the interfaces of software and websites looked like, from their earliest versions until now. The site’s tagline is “a visual history of your favorite technology”. Here’s the history of Facebook; an early screenshot:

Version Museum

The first version of Microsoft’s Excel for Windows:

Version Museum

Adobe Photoshop:

Version Museum

Internet Explorer (screenshot of the 1.0 version displaying a circa-1995 Yahoo! homepage):

Version Museum

The collection isn’t huge, but the father/son team behind it hits the high points, including Amazon, New York Times, OS X, and iTunes.

Update: One of the Facebook screenshots that the Version Museum is using included Brian Moore’s phone number and other personal information. Per Moore’s general request, I have blurred out that information and I hope the museum does the same. (thx, all)


The Gerrymandered Font

Gerry Font

Gerry is a typeface where the letterforms are created from heavily gerrymandered Congressional districts. For example, the letter U is the 4th district in Illinois:

Gerry Font 02

Click through to download the font for free and to tweet at your representative to stop gerrymandering.


The Story Format Leaps from Instagram to Big Media

I know this probably isn’t brand new, but in the past couple of weeks I’ve noticed a few articles published by big media companies that are influenced by the design of Snapchat and Instagram Stories. Just to be clear, these aren’t published on Instagram (that’s been going on for years); they are published on media sites but are designed to look and work like Instagram Stories. The first one I noticed was this NY Times piece on Guantanamo Bay.

Media Stories

You can see the Instagram-style progress meter at the top. And then there’s Curbed’s The Ultimate Guide to Googie, where the progress meter is indicated more playfully by the little car at the bottom (it even switches directions based on whether you’re paging forward or back through the story). Curbed EIC Kelsey Keith says it was built using “Vox Media’s new custom storytelling kit tool”.

Media Stories

The third piece I can’t find again โ€” I think it was a WSJ or Washington post article โ€” but it too was influenced by the Stories format.

It’s a good move for these companies. Snap & Instagram have worked hard to pioneer and promote this format, it’s perfectly designed for mobile, and people (especially younger folks) know how to use it. Nominally, these articles are just slideshows, a format that online media companies have been using forever. But I’d argue there are some important differentiators that point to the clear influence of Instagram and to this being a newish trend:

1. The presentation is edge to edge with full-frame photos and auto-playing videos.

2. There’s no “chrome” as there would be around a slideshow and minimal indication of controls.

3. They read best on mobile devices in portrait mode.

4. The display of progress meters.

5. Navigation by swiping or tapping on the far left or right sides of the screen, especially on mobile.

Have you seen any other examples of media companies borrowing the Stories design from Instagram?

Update: Various media outlets are using Google’s AMP Stories to make these. You can see examples on CNN, the Atlantic, and Wired.

Media Stories

This is likely what my mystery third story was built with. (via @adamvanlente)


A Small, Simple Hive Designed for Urban Beekeeping

B-box is a beehive designed for use in close proximity to humans, like near your house or in an urban environment. It does this by separating the honey part of the hive from the area where the bees live and limiting their access to the hive through an entrance more than seven feet above the ground. Check out this video for details:

The makers of the B-box are seeking funding for the project on Indiegogo. Very tempting! (via colossal)


“I Want to Make Beautiful Things, Even if Nobody Cares”

Saul Bass is one of the most celebrated designers of movie posters and title sequences in the short history of cinema. He created iconic poster designs for movies like Vertigo, The Shining, Anatomy of a Murder, and Schindler’s List. In this short film, we learn the strategy behind Bass’ designs: symbolize and summarize.

See also several rejected concepts by Bass for The Shining movie poster, with scribbled notes from Stanley Kubrick.


Abandoned Blade Runner

French artist and designer Paul Chadeisson has created a series of images of the megacities from Blade Runner, abandoned in some far future.

Abandoned Blade Runner

Abandoned Blade Runner

You can see more of Chadeisson’s work on Behance and Instagram.


Vintage TV Test Patterns

It’s hard to believe now, but television didn’t used to be a 24/7/365 affair. TV stations stopped broadcasting late at night and when they were off the air, they would commonly display a test pattern until programming resumed in the morning.

Used since the earliest TV broadcasts, test cards were originally physical cards at which a television camera was pointed, and such cards are still often used for calibration, alignment, and matching of cameras and camcorders.

From Wikimedia Commons and Present & Correct, here are some vintage test patterns:

TV Test Patterns

TV Test Patterns

TV Test Patterns

TV Test Patterns

As you might expect, the BBC test card with the girl and clown has both a backstory and a cult following.

One of the most-used test images was RCA’s “Indian-head” test pattern:

TV Test Patterns

As this annotated version shows, each of the card’s elements had a specific testing purpose:

TV Test Patterns

If you’re feeling extra nostalgic, here’s 36 minutes of vintage test patterns from all around the world:


Vocal Typefaces

Vocal is a type foundry that makes typefaces that highlight the history of underrepresented people “from the Women’s Suffrage Movement in Argentina to the Civil Rights Movement in America”. For example, the Martin typeface is based on signs carried by marchers in the streets of Memphis after the assassination of Martin Luther King Jr.

Vocal Martin

Netflix used Martin for What Happened Miss Simone?, Liz Garbus’ Nina Simone documentary:

Vocal Martin

(via @c_wolbrecht)


A Strolling Garden

Oh just some flowers & plants casually strolling into my life every spring to brighten up my life after a long winter:

Watching that video almost makes me sneeze though too. From Universal Everything’s Superconsumers project…many more videos of walking things here and at Vimeo and Instagram.


How Cartography Powered Global Exploration

Navigation Maps

Navigation Maps

First You Make the Maps is a survey of mapping technology by Elizabeth Della Zazzera showing how, starting at the end of the Middle Ages, better maps facilitated the European discovery of the Americas, the explosion of global trade, the enslavement of Africans, and the colonization by Europeans of much of the world.

While geographically accurate maps had existed before, the Age of Exploration saw the emergence of a sustained tradition of topographic surveying. Maps were being made specifically to guide travelers. Technology progressed quickly through the centuries, helping explorers and traders find their way to new imperial outposts โ€” at least sometimes. On other occasions, hiccups in cartographic reasoning led their users even farther astray.

(via @ktguru)


We Will Add Your Biological and Technological Distinctiveness to Our Own

Design firm Pentagram has brought in a new partner to their New York office, information designer Giorgia Lupi, who joins heavy hitters like Michael Bierut, Paula Scher, and Eddie Opera. I remain fascinated with how Pentagram operates:

Established in 1972, the firm has a collectivist attitude and adheres to a longstanding constitution, which exists in its original form with only small modifications. It spreads profits and decision-making power equally among its self-governed partners โ€” all designers โ€” irrespective of seniority or how much business they brought in during a given year. There’s no CEO. The partners do collaborate with one another, often across disciplines, but essentially operate their own studios, though the local offices meet on a weekly basis and the entire group convenes twice a year. These all-partner meetings, chaired by one of the partners on a rotating basis, are about sharing work with the group and discussing business dynamics, Pentagram’s publishing program, its website, and trends in the industry.

The process for bringing in a new partner can take years from start to finish and requires the unanimous consent of the rest of the partners:

“One vote against and it’s over, truly,” says Miller. “We’ve seen it happen.”

I’ve often thought about if a collective structure could work for independent content sites. I wouldn’t want to sell kottke.org to anyone, but the idea of sharing resources and infrastructure with a couple dozen similar sites is appealing. You could collect the sites into a membership bundle; hire dedicated staff for customer support, ad sales, & devops; do cross-promotion, syndicate the content via a meta-site, and generally help small indie sites punch above their weight. This is what The Deck could have evolved into, I suppose. Aw well.


Classic Airline Logos

Airline Logos

Reagan Ray has collected a bunch of classic logos from American airlines, from the big ones (Delta, United) to small regional airlines (Pennsylvania Central, Cardiff and Peacock) to those no longer with us (Pan Am, TWA, Northwest). I sent him the logo for my dad’s old airline, Blue Line Air Express…I hope it makes it in!

See also Reagan’s collections of record label logos, 80s action figure logos, American car logos, VHS distributor logos, and railway logos. Careful, you might spend all day on these… (via @mrgan)

Update: Ray was kind enough to add Blue Line into the mix! Thank you!


The Design Manual of the 1972 Munich Olympics

For the 1972 Summer Olympics in Munich, a team led by Otl Aicher designed the iconic identity for the event. The guidelines for the visual design were laid out in a manual produced in 1969, which contained the design systems governing how everything from signage and merchandise to tickets and even landscaping were to be produced.

Olympics 1972 Design

Now, a lovingly produced reprint of that manual is available for purchase on Kickstarter.

The visual modules โ€” the typeface, the colors, the grid systems and the application methods โ€” were the basis of all printed matter, merchandising products, signage, wayfinding systems, urban planning and landscaping.

“The freedom of play” was about ensuring “maximum variation” via “strict discipline and adherence to rules”, explained Otl Aicher in 1975.

(via steven heller)


Norway’s Proposed New Passports Are Beautiful

Back in 2014, a design studio called Neue won a national competition to redesign the Norwegian passport. What they came up with is bold and beautiful.

Norway New Passport

Norwegian landscapes fill the visa pages:

Norway New Passport

And if you shine a UV light on them, you can see the aurora borealis:

Norway New Passport

The landscapes surrounding us give a sense of belonging and pride, and fill a symbolic function for the entire nation. Images of scenery and landscape can easily become cliches, but by being widely accepted and deeply rooted in Norwegian culture, they are also very easy to identify with. In addition, to Norwegians, nature is more than beautiful scenery. It supplies us with rich fisheries, clean hydroelectric power, and various other industries.

I don’t think this new design has launched though…beyond a flurry of press about the competition back in 2014, I couldn’t find any evidence of the new design in the wild. (via dense discovery)


How to Make Data-Driven Visual Essays

Ilia Blinderman of The Pudding has written a pair of essays about how to make data-driven visual essays. Part 1 covers working with data.

It’s worth noting here that this first stage of data-work can be somewhat vexing: computers are great, but they’re also incredibly frustrating when they don’t do what you’d like them to do. That’s why it’s important to remember that you don’t need to worry โ€” learning to program is exactly as infuriating and as dispiriting for you as it is for everyone else. I know this all too well: some people seem to be terrific at it without putting in all that much effort; then there was me, who first began writing code in 2014, and couldn’t understand the difference between a return statement and a print statement. The reason learning to code is so maddening is because it doesn’t merely involve learning a set number of commands, but a way of thinking. Remember that, and know that the little victories you amass when you finally run your loop correctly or manage to solve a particular data problem all combine to form that deeper understanding.

Part 2 is on the design process.

Before you begin visualizing your data, think through the most important points that you’re trying to communicate. Is the key message the growth of a variable over time? A disparity between quantities? The degree to which a particular value varies? A geographic pattern?

Once you have an idea of the essential takeaways you’d like your readers to understand, you can consider which type of visualization would be most effective at expressing it. During this step, I like to think of the pieces of work that I’ve got in my archive and see if any one of those is especially suitable for the task at hand.

Check out The Pudding for how they’ve applied these lessons to creating visual essays about skin tone on the cover of Vogue or how many top high school players make it to the NBA.


The Extinction Symbol

Extinction Symbol

With its recent use by the participants in the Extinction Rebellion, the extinction symbol has become much more widely known, on its way to becoming the peace symbol of the climate movement.

The symbol above represents extinction. The circle signifies the planet, while the hourglass inside serves as a warning that time is rapidly running out for many species. The world is currently undergoing a mass extinction event, and this symbol is intended to help raise awareness of the urgent need for change in order to address this crisis. Estimates are that somewhere between 30,000 and 140,000 species are becoming extinct every year in what scientists have named the Holocene, or Sixth Mass Extinction. This ongoing process of destruction is being caused by the impact of human activity. Within the next few decades approximately 50% of all species that now exist will have become extinct. Such a catastrophic loss of biodiversity is highly likely to cause widespread ecosystem collapse and consequently render the planet uninhabitable for humans.

The symbol and a stencil template are available for download “for non-commercial purposes”.

There’s a disclaimer at the bottom of the page about merchandise, which reads in part:

No extinction symbol merchandise exists, and it never will do. The free use of the extinction symbol by individuals in their personal artwork or other forms of expression is strongly welcomed and encouraged, but any form of commercial use of the symbol is completely against its ethos and should therefore be refrained from. To reiterate, please do not use the symbol on any items that will be sold, or for any other fundraising purposes. There are no exceptions to this policy.

Here’s the thing: I want a t-shirt with the extinction symbol on it so I can signify my support (in a small way) for climate justice. If I’m reading this correctly, I can make a t-shirt for myself but not have one made for me? Or can I have a single print-on-demand shirt made for me at cost? Making my own shirt (I’d need to buy a bunch of single-use supplies) or getting a one-off printed doesn’t seem very climate-friendly at all. How about taking orders from other interested folks (like you all) and selling the shirts at cost? That seems much more climate-friendly but also firmly against the symbol maker’s strict policy.

I think we’re bumping up against an inconvenient truth about capitalism here: it is sometimes (or perhaps even often) the most efficient and least wasteful way to produce something because it’s actually a deeply collectivist endeavor. Let’s say you’re holding a climate protest, 100,000 people are coming, and those people want to bring shirts or signs or other protest equipment to the protest to “advertise” their displeasure to those watching, near and far. Is it more climate friendly for all those people to individually buy supplies and each produce their own things or would it be better to rely on a organization whose sole purpose is to produce protest supplies (using carbon-free energy and materials) and pay them more than the cost of the supplies so they can provide their employees a living wage and even advertise their services a little so they can actually remain in the protest supplies business and take even more advantage of economies of scale to keep prices down? Run it as a non-profit if you’d like. That seems far less wasteful to me than people buying one-off supplies, even on a group basis.

You might interject here that producing anything that uses any natural resources for such a protest is wasteful and unethical. I think that’s a fair point! What’s the ROI for protest materials? Is it wasteful to spend a little CO2 now to possibly save a bunch of CO2 in the future or is it smart? Gah, all I want is a shirt to express myself! Are there any simple and ethical solutions in a world that’s so densely networked and interconnected?


Public Sans, a New Typeface from the US Government

Public Sans

As part of their recent announcement of a new web design system for US government websites, the General Services Administration has also introduced a new typeface called Public Sans.

USWDS 2.0 adds built-in support for custom typefaces, and sometimes you need one that’s simple, neutral, and isn’t Helvetica. Public Sans is an open source, free license typeface (SIL Open Font License 1.1) designed and maintained by USWDS, adapted from Libre Franklin. Just as with our components, we intend Public Sans to be an example of how to design an accessible open source typeface with contributions and feedback from the public โ€” to deliver a useful, neutral, sans serif and continuously improve it.

Always interesting when typefaces are described as “neutral”. I’ve never found that to be the case…


Helvetica Now

Monotype has introduced a new version of the Helvetica typeface called Helvetica Now.

Helvetica Now is a new chapter in the story of perhaps the best-known typeface of all time. Available in three optical sizes-Micro, Text, and Display-every character in Helvetica Now has been redrawn and refit; with a variety of useful alternates added. It has everything we love about Helvetica and everything we need for typography today. This is not a revival. This is not a restoration.

This is a statement.

Typographer Erik Spiekermann says:

This is the typeface Max Miedinger and Eduard Hoffmann would have designed back in 1957 if they had known about offset printing, small screens, browsers, digital design tools and UI designers.


Book Covers for the Mueller Report

The New Yorker asked five designers to design book covers for the Mueller Report in the event that it’s eventually published. Here are my two favorites, by Michael Bierut and Na Kim:

Mueller Report Book Covers


The Most Endangered Animal in Every US State

The Most Endangered Animal in Every US State

The Most Endangered Animal in Every US State

The Most Endangered Animal in Every US State

The Most Endangered Animal in Every US State

The Most Endangered Animal in Every US State

These visually striking posters showcase the most endangered animals from each of the 50 US states.

Here’s the story of the Uncompahgre fritillary butterfly from Colorado:

Colorado’s exotically-spelled native butterfly lives among snow willow patches high up in the San Juan Mountains. It has an ornate, retro look: rusty or light brown wings neatly segmented with inky black lines. Unfortunately, the Uncompahgre fritillary butterfly’s beauty has played a part in its downfall. Collectors, as well as trampling by people and livestock, have reduced their number to just 11 colonies.

We kill the things we love. (via moss and fog)


The Designer’s Dictionary of Type

Designers Dictionary of Type

In his forthcoming book, The Designer’s Dictionary of Type, Sean Adams profiles 48 of the best-known typefaces in the world, from Helvetica and Garamond to Cooper Black and OCR-A. Fast Company has a short excerpt.

Cooper Black has a close association with the 1970s; however, Oswald Cooper actually created the typeface in 1921. Cooper designed the Black weight after releasing a larger Cooper Old Style family of fonts. The forms are based on old style serif typefaces but are “fat” and soft. This type of letterform gained popularity between 1910 and 1920. Other designers worked with similar forms, such as Frederic Goudy and his typefaces Goudy Heavy Face and Pabst Extra Bold. In the 1960s and 1970s, designers looking for alternatives to cold Swiss modernism and Helvetica looked back and revived Cooper Black. Its soft forms worked exceptionally well with phototypesetting, which allowed for extremely tight kerning. Both the counterculture movement and low-end DIY design adopted Cooper Black. By the end of the 1970s, the typeface was ubiquitous, but it again fell out of fashion as the New Wave movement gained momentum.


US Postal Service Unveils 50th Anniversary Apollo 11 Stamps

Apollo 11 Usps

In commemoration of the 50th anniversary of the Apollo 11 Moon landing, the USPS is releasing a pair of stamps with lunar imagery.

One stamp features a photograph of Apollo 11 astronaut Buzz Aldrin in his spacesuit on the surface of the moon. The image was taken by astronaut Neil Armstrong. The other stamp, a photograph of the moon taken in 2010 by Gregory H. Revera of Huntsville, AL, shows the landing site of the lunar module in the Sea of Tranquility. The site is indicated on the stamp by a dot.

These pair nicely with the US Mint’s Apollo 11 commemorative coins.

Apollo 11 Mint Coin

(via swissmiss)


Kinetic Alphabet

From London motion design studio Mr. Kaplin, an animated alphabet where the animation for each letter is a experiment that was completed in a single day.

See also The ABCs in Motion.


Brilliant Papercraft Typographic Creations

Alia Bright

Alia Bright

Paper artist Alia Bright combines papercraft and typography to make these colorful, um, sculptures? Texts? They’re super-cool, whatever you call them. Here’s a close-up of one of the pieces, all made by hand of course:

Alia Bright 03

You can keep up with Bright’s newest work on Instagram. (via swissmiss)


Bauhaus-Style Logos of Famous Brands

Bauhaus Logo

Bauhaus Logo

Bauhaus Logo

To commemorate the 100-year anniversary of the founding of the Bauhaus design movement, 99designs challenged their community of designers to reimagine the logos of famous brands in a Bauhaus style. (via moss & fog)


Contemporary Pop Stars on 80s-Style Album Covers

2080s

2080s

More retro goodness here (including The Weeknd, Skrillex, Taylor Swift, and Cardi B).


“Star Ribbon”, a USPS Stamp by Aaron James Draplin

Draplin Stamp

It was not my intention to turn kottke.org into a stamp blog (recently: Ellsworth Kelly, Leonardo da Vinci) but you know what they say: cool postage comes in threes. My pal Aaron James Draplin recently shared on Instagram that he was asked to submit some designs for a stamp for the USPS and then, because he’s an awesome designer, one of his designs is going to become an actual stamp.

TEARS ROLLING DOWN MY CHEEKS: Last thing I want ANY post I put up to sound like some sweaty, formal press release, so I’ll just come out and say it: I GOT TO MAKE A STAMP, YOU GUYS.

I’ve had to keep my big trap shut for over a year on this one. And I when I got the call to throw some designs into the ring, I have to tell you, even that nod was enough. It was enough just to be that close to one of my FAVORITE institutions of all time: The American postage stamp.

Here’s why he’s so fond of stamps (I totally agree):

You know why I love stamps so much? Because everyone needs a stamp. Everyone gets to enjoy the art on them. Too many times, art and design is only for those who can afford it. Stamps? They are a democratization of design. And that? That’s my favorite kind of graphic design.

The design is a perfect illustration of Draplin’s throwback design style โ€” it’s got that Spirit of ‘76 thing going on but is also solidly contemporary, just like his work for Field Notes. (via df)