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

Geohydrotypography

If you covered the surface of the Atlantic Ocean with twelve-point printed text, with the lines wrapping at the coasts, the expansion of the ocean basin due to tectonics would increase your word count by about 100 words per second.

This, from XKCD, hits my science and design interests right in the sweet spot.

If you covered the surface of the Atlantic Ocean with twelve-point printed text, with the lines wrapping at the coasts, the expansion of the ocean basin due to tectonics would increase your word count by about 100 words per second.

This reminds me of Ben Terrett’s calculation of how many helveticas from here to the Moon and my subsequent calculations about the point size of the Earth and the Moon (50.2 billion and 13.7 billion, respectively).


Explore the Graphic Design Treasures of the Internet Archive

cover of an Olivetti brochure with colorful curved arrows

page of a brochure for the original Apple Macintosh computer

old theater poster for upcoming performances at the Belfast Theater

a page from a book called The Vignelli Canon

several pages from an Olivetti brochure

a spread from Emigre magazine

archives.design is a labor of love site run by Valery Marier where she collects graphic design related materials that are available to freely borrow, stream, or download from the Internet Archive. I’ve only scratched the surface in poking around, but so far I’ve found Olivetti brochures, a collection of theater programs from the 19th and early 20th centuries, several Apple things, The Vignelli Canon, a specimen book of wood type from the 1880s, and many issues of Emigre. What a resource!


Barbenheimer

mashup movie poster for Barbenheimer (Barbie + Oppenheimer)

Barbenheimer poster by Sean Longmore. Perfect, 10/10, no notes.


Duck & Cover: Ukrainian Book Fair Poster

poster for a Ukrainian book fair that shows people using a book to protect themselves from Russian bombs and troops

This is a poster for the 2023 International Book Arsenal Festival which recently took place in Kyiv, Ukraine. The poster was designed by Art Studio Agrafka from an illustration they originally did for the cover of Linkiesta Magazine.

A book festival. During a war. In a city under martial law. While schools and legislatures here in the US ban books about Black and LGBTQ+ experiences based on bad faith complaints of tiny fundamentalist parent groups. Tell me, who’s doing democracy better right now? (via @gray)


An Incredibly Tidy Little Park For All Ages

Yesterday I posted about the 2023 Drone Photo Awards and one of my favorite shots was of a playground/park in Poland. My curious pal Neven tracked down more information about the park and, well, it’s so cool and cute!

overhead view of a colorful and tidy park in Poland

overhead view of a colorful and tidy park in Poland

overhead view of a colorful and tidy park in Poland

Here’s part of the description from the park’s creators, SLAS Architects:

“Activity zone” is a multifunctional public space which is the first phase of regeneration and integration of the University of Silesia campus with the urban tissue of Chorzów City.

The site is located in the place of the demolished military building with a number of old existing trees. “Activity zone” is designed as concrete platform strongly perforated and filled with a diverse programme that includes: students leisure zone, children’s play devices, fitness, individually designed elements of street furniture and greenery including all existing trees. Some parts of the garden are possible to develop by local seniors. The platform connects the diverse program, intensifies the use of the place and becomes itself an element of play. Variety of attractions enhance interactions between users of all age groups and integrates academic community with local inhabitants and the surrounding nature.

My only complaint: it’s maybe a little too small? But otherwise: top marks.


Design Notes on the Alphabet

some funny design notes on the alphabet

From XKCD, some notes on the design of the alphabet. I actually hadn’t noticed the spacing of the vowels before.

See also The Evolution of the Alphabet.


The Ambient Machine

The Ambient Machine, a piece of electronics with a bunch of switches on the front that toggle different sounds

Yuri Suzuki’s The Ambient Machine is a device for creating atmosphere, playing ambient sounds. The machine has 32 toggle switches on it; each switch actives a different sound (waves, running water, birds, wind, white noise) that you can blend to create your perfect aural backdrop.

The Ambient Machine provides us with a variety of sounds and music that we can use to design our own background ambience. White noise can mask unpleasant sounds around us and give us a sense of relief, Natural sounds can provide the feeling of relocating to a new environment, providing a break from the environments we have been confined to, and musical rhythms can provide patterns for us to find stability with.

Only 20 models of the original machine were created and sold, but you can preorder a slightly different version for ¥143,000 (~$1,000).


Logo Factory

Jigar Patel uses 3D modelling software to imagine factory production lines that “build” logos and app icons for brands like Instagram, Netflix, Apple, Spotify, Amazon, and many others. He’s also posted a bunch of behind-the-scenes videos about how he does it — love it when artists show their work.

You can also follow Patel’s work on Instagram and TikTok.(thx, michael)


Stunning Poster for Spider-Man: Across the Spider-Verse

a Chinese poster for Spider-Man: Across the Spider-Verse

Totally loving this Chinese movie poster for Spider-Man: Across the Spider-Verse (perhaps designed by Huang Hai).

And while we’re on the subject, I watched the movie the other day and loved it. In fact, it might be the most visually inventive movie I’ve ever seen…it’s just one mindbending visual after another, for more than two hours. (via @gray)


How to Design an (Unofficial) Transit Map

In this short video, Norwegian creative director Torger Jansen explains how he designed an unofficial transit map that combines all three of Oslo’s public transportation networks (tram, metro, train) into a single diagram. His four main goals:

1. Showing all the lines on every network, thus making it easier to understand the service patterns.
2. Making it recognisable with the official line colours.
3. Compressing unnaturally long distances between stations.
4. Balancing aesthetics and accessibility. The diagram is clear and easy to read with minimal fuss.

As Jansen notes, this is not how a design process would work in the real world — there’s no user testing or competing stakeholders to please — but from a purely aesthetic and functional standpoint, it’s still an interesting challenge and puzzle to attempt to solve. (thx, david)


The Horror of Vintage Dutch Safety Posters

vintage Dutch safety poster showing a saw blade and a hand missing some fingers

vintage Dutch safety poster showing someone getting electrocuted

vintage Dutch safety poster showing someone getting their hair caught in a drill

When it came to making safety posters, the Dutch were pretty hardcore — a lot of these vintage posters look more like horror film adverts than safety warnings. (via meanwhile)


Tour the Bridges of All of Star Trek’s Starships Enterprise

Drawing from the materials of The Roddenberry Archive, this video takes us on a virtual tour of the 3D rendered bridges of every iteration of the Starship Enterprise from Star Trek, from the original 1964 sketches to the final scenes of Star Trek: Picard. I’ve watched a bunch of Star Trek recently and it was neat to see the evolution of the design and presumed technology. Designing for the future is difficult and it’s even tougher when, for instance, you need to design something that for the future that looks contemporary to now but also, somehow, predates a design that looked contemporary 30 years ago. (If that makes any sense…)

You can also head over to The Roddenberry Archive to check out all of the Enterprise designs in more detail, inside and out. (via open culture)


Indian Street Lettering

Pooja Saxena collects interesting examples of lettering from the streets of cities in India. Here are a few recent examples:

a street sign in India

a street sign in India

a street sign in India

(via @ashur)


A Collection of Sci-Fi Movie Logos

a collection of sci-fi movie logos, including ones from 4D Man, Ghostbusters, The Computer Wore Tennis Shoes, 2001, 1984, and It Came From Outer Space

Loving scrolling through this collection of sci-fi movie logos from Reagan Ray.

As is the case with most of my logo posts, it’s been fun to pick up on the trends. There’s the trick where they remove the segments from the top half of the letters like Blade Runner, or the embossed brushed metal of Robocop. Glowing letters were a big trend that started in the late 80s, most likely set off by the Alien franchise. And I can never get enough of the 3D type in early films.

You can check out more of Ray’s logo collections here.


Type Beasts

the word 'effect' repeated over and over on a grid

the word 'essence' in a flowing script

the word 'fuck' in a flowing script

the word 'hope' in a flowing script, twice

In a pair of collections on Behance, Hungarian designer and artist Miklós Kiss showcases his skill with ligatures and swirling serifs: Type Beast and Type Beast 2.0

I love typography. I love letters. I love to make ligatures and find connections between letters. These are not logos, but sometimes they can be. Sometimes this kind of typography is not readable. Sometimes they look like abstract artworks. Sometimes they look like choreography. I love to watch them move, I love their beauty. I call my little typography monsters my Type Beasts.

(via abdz)


An AI Artist Explains His Workflow

No matter which side you come down on in the debate about using AI tools like Stable Diffusion and Midjourney to create digital art, this video of an experienced digital artist explaining how he uses AI in his workflow is worth a watch. I thought this comment was particularly interesting:

I see the overall process as a joint effort with the AI. I’ve been a traditional artist for 2 decades, painting on canvas. And in the last five years I’ve been doing a lot of digital art. So from that part of myself, I don’t feel threatened at all.

I feel this is an opportunity. An opportunity for many new talented people to jump on a new branch of art that is completely different from the one that we have already in digital art and just open up new way of being creative.


19th Century Ornamental Granite Tiles

a sample pattern from a book of granite tiles patterns

a sample pattern from a book of granite tiles patterns

a sample pattern from a book of granite tiles patterns

a sample pattern from a book of granite tiles patterns

From 1898, an album of ornamental granite tile patterns available from Threlkeld Granite Co. Ltd. The company was located in the Lake District of northwest England and the quarry they operated is now a mining museum — you can read about the history of the company on their website (via present & correct)


Knit Grotesk, a Typeface for Hand Knitting

a piece of knitting with words sewn into it

words set in the Knit Grotesk typeface, designed for hand knitting

Knit Grotesk is a typeface based on Futura that’s designed specifically for hand knitting. It comes in three different weights and two styles: dots and stripes. Its designer, Rüdiger Schlömer, is also the author of a book called Typographic Knitting: From Pixel to Pattern:

Learn to knit a variety of typefaces modeled on digital designs by well-known type foundries including Emigre, Lineto, and Typotheque, and emblazon your hats, scarves, and sweaters with smartly designed monograms, letters, or words. Beginning with knitting basics, tips, and resources, and progressing through more advanced techniques, Typographic Knitting provides a systematic introduction on how to construct a variety of letter designs using different knitting techniques. This book bridges the gap between craft and design in a new way, and will delight typography connoisseurs, avid knitters, and makers looking for a novel medium.

(via print)


Tiny Illustrated Sci-fi Stories

The universe's bandwidth lags for a second and you see a low res version of yourself staring back in the mirror.

At 3:32am last night, the Wikipedia article on Artificial Intelligence began editing itself.

You buy a time machine on eBay. It arrives 6 days ago.

'When it's time for you to get a new iPhone,' Siri asks one day, 'Where will my consciousness go?'

Over on Twitter, @smllwrlds is publishing a new tiny illustrated sci-fi story every day of 2023. (via linkmachinego)


The Fictional Brands Archive

the Bluth Company's stair car from Arrested Development

a box from a Looney Tunes cartoon containing ACME trick balls

screenshot from Succession showing an ATN News anchor reading the news

a rundown Buy N Large staore from Wall-E

The Fictional Brands Archive is a collection of fictional brands found in movies, TV shows, and video games — think Acme in Looney Tunes, Pixar’s Monsters, Inc., and Nakatomi Corporation from Die Hard. Very cool. But gotta say though, the dimming mouseover effect makes this more difficult to use than it needs to be… (via sidebar)


The Visiting Cards of Notable Artists

calling card of Piet Mondrian

calling card of Edouard Manet

calling card of Pierre Auguste Renoir

F. C. Schang collected the calling cards of prominent artists and musicians and in the late 20th century, donated a collection of them to Met Museum.

Calling cards derived from a custom, originating in England, in which messages were inscribed on the backs of playing cards. Cards made for the express purpose of sharing hand-written messages were manufactured beginning in the eighteenth century; by the early-nineteenth century, calling cards had become a popular means for sending well wishes, holiday greetings, condolences, and messages of courtship.

The cards include those of Klee, Renoir, Pissarro, Rodin, Monet, Mondrian, Braque, Toulouse-Lautrec, Manet, and many more. I think my favorites are Piet Mondrian’s (above) and Joan Miró’s, the former because it’s very much in keeping with the artist’s style and the latter because it isn’t:

calling card of Joan Miro

Schang published a book of these cards in 1983 — it’s long out of print but you can get one here (signed, no less). He also collected the calling cards of generally famous people, singers, pianists, and violinists. (via greg allen)


Exhibition of W.E.B. Du Bois’s Infographics at Cooper Hewitt in NYC

I’ve written before about the data visualizations created by W.E.B. Du Bois for the 1900 World’s Fair in Paris. Apparently a selection of these infographics are on display at the Cooper Hewitt Design Museum in NYC until May 29.

infographic designed by W.E.B. Du Bois titled 'Assessed value of household and kitchen furniture owned by Georgia negros'

Wish I could get down there to see these…


The Cargobox Urban Utility EV

Cargobox is a design concept by Meelis Lillemets for a small electric utility vehicle that embraces the boxy aesthetic in a rib-crunching bear hug. I mean, just look at this absolute rectilinear unit:

a concept car called the Cargobox that is very boxy

a concept car called the Cargobox that is very boxy

It’s like a Knoll shelving unit on wheels! Because the Cargobox is designed for use in cities, you can trade aerodynamic factors for other advantages:

Due to Cargobox only operating up to urban speeds, this study explores the extreme possibilities of design with little considerations for aerodynamics and lots of considerations for simplicity, cost, practicality, modularity.

The Cargobox will be available this fall at your local Design Within Reach store — jkjk. But seriously, the US post office should order a few thousand of these — they’d look really sharp with the red, white, and blue USPS colorway. (via yanko design)


The Art of the Logo Refresh

before and after of the MailChimp logo refresh

before and after of the Eventbrite logo refresh

This is a nice little interview with designer Jessica Hische on how she steps in to help companies refresh their logos.

There are a number of reasons why companies decide that a refresh — rather than a rebrand — is the right move. Many of the companies I work with simply want a logo asset that is easier for their designers to work with. Sometimes there are issues with the current logo that make it harder to design around, or make it less flexible on different design applications. For example, logos with long ascenders and descenders create difficulties with balancing whitespace, and logos with tight counterforms or complex details don’t scale well.

Aside from adding utility, refreshes can be a nice way to make an older logo asset play well with a new brand system — we can make subtle tweaks to letterforms that make it better match new typefaces chosen for the brand or blend with the mood of photography better.

You can see a bunch of logo before & afters at Print or on her website — and her recent work for Squier is here. The differences may look negligible, but in each case, the new version is cleaner and easier to read — they just look nicer and smoother after Hische is done with them.


Geometric Primes

detail of a poster that visualized prime numbers as geometric shapes

a poster that visualized prime numbers as geometric shapes

Nicholas Rougeux designed a series of posters to visualize all 143 prime numbers with three digits based on simple rules.

Each print contains all 143 prime numbers with 3 digits. Each is represented by an image composed of simple geometric shapes based on its digital root and colors based on its digits. Arranging these images sequentially creates colorful collages of prime numbers based on simple rules.

For each poster, a unique shape was assigned to the digital root of each prime number which is calculated by iteratively summing its digits until one remains. (All known prime numbers greater than 3 have digital roots of 1, 2, 4, 5, 7, or 8.)

There are nine posters in all that use a few different styles of geometric shape.


The Plywood E-Bike

Self-described “maker of things” Evie Bee has made a cool thing indeed: an e-bike with a frame constructed mostly from sustainably sourced poplar and birch plywood called the Electraply.

an ebike made of plywood

detailed view of the frame of an ebike made of plywood

Here’s a video of the bike in action:

The design of the bike was inspired by my love for the cafe racer and scrambler motorcycles of the past (the Great Escape anyone?) and the desire to honour and continue this iconic design through a modern interpretation.

Bee has released a pair of PDFs (one, two) to guide you through the entire process of building your own plywood e-bike. (via design milk)


Sgt. Pepper’s Tribute to Celebs Who Died in 2022

At the end of each year, art director Chris Barker collects celebrities who have died in the past 12 months into a Sgt. Pepper’s album cover collage — here’s 2022’s edition.

a collection of celebrities who died in 2022, arranged like the cover of the Beatles Sgt Peppers album

There doesn’t appear to be a complete listing of everyone pictured, but you can easily pick out Coolio, Gilbert Gottfried, Sidney Poitier, Angela Lansbury, Meatloaf, Nichelle Nichols, Pele, Mikhail Gorbachev, and Twitter.

Fueled by television, advertising, cable TV, and the internet, the post-war era saw an explosion of celebrity in America and the world. The average person today “knows of” so many more people than someone living in 1945 did, probably by a couple orders of magnitude. As Boomers and Gen X continue to age, annual displays like this of well-known people who have died will get larger and larger.

Update: An incomplete key to the image is available here. (via @matsimpsk)


A Collection of Sidewalk Stamps

a sidewalk stamps that reads 'Jeffrey & Bufton 1910'

a sidewalk stamps that reads 'The Hinchman Renton Co. Denver'

a sidewalk stamps that reads 'Carelli Concrete Const. Co. 1957'

Written in Stone is a collection of photos of stamps and seals imprinted in sidewalks by the people and companies who made them. Great examples of vernacular design.

Update: See also Easy Bay Sidewalk Stamps. (via @presentcorrect)


The Style Guide for American Highways

diagram for a roundabout from the Manual on Uniform Traffic Control Devices for Streets and Highways

For Beautiful Public Data, Jon Keegan takes a look at the Manual on Uniform Traffic Control Devices for Streets and Highways, the style guide published by the Federal Highway Administration that governs how America’s roads are marked.

The MUTCD states that it “shall be recognized as the national standard for all traffic control devices installed on any street, highway, bikeway, or private road open to public travel”. Exact specifications for the font, size, spacing of letters, background colors, reflectivity, mounting location and orientation help ensure that traffic signs are consistently readable at a glance while driving anywhere in the U.S..

The word “uniform” is key here, as you can only imagine the chaos if each state had its own version of stop signs, and safety warnings. But states do have some freedom in the signs that they use.


Avatar and the Papyrus Typeface

I know I’ve posted this before, but with the new Avatar movie out in theaters, it’s a good time to revisit the SNL sketch where Ryan Gosling is driven mad by the typeface choice for the movie’s logo.

I had forgotten about the title card at the end. Perfection.

Update: From Jake Kring-Schreifels at The Ringer last month: The Intertwining History of the ‘Avatar’ Papyrus Font and the ‘SNL’ Sketch That Spoofed It.

There actually is one single person responsible for Avatar’s Papyrus-esque logo: Peter Stougaard. The former senior vice president of creative advertising for 20th Century Fox willingly takes credit for selecting and tweaking the movie’s much-maligned font, but he doesn’t mince words. “I didn’t aimlessly pick Papyrus,” he insists. “I chose it very strategically.”

I can’t believe they got it off of the cover of Cameron’s copy of the script. (thx, matt)