Spots before your eyes

All this news getting too much? Just switch browser fonts.

Color Dot FontAnd Repeat
The Color Dot Font is a font composed entirely of colored circles. In the Color Dot Font, each Latin character is replaced with a circle of a certain color. For example, an “a” character is represented by a blue circle, a “t” by a yellow circle, and so forth. Available as a TTF file, the font can be installed and used on any computer operating system.

spots-before-your-eyes-1

spots-before-your-eyes-3

spots-before-your-eyes-2

spots-before-your-eyes-4

Eloquent trees

Using trees to make paper to write on, I get that. But writing with trees? Katie Holten, an artist-in-residency with NYC Parks, has developed a typeface to allow us to do just that. (via Futility Closet)

NYC is planting secret messages in parks using this typeface for treesFast Company
It would be fair to say that Holten is at least a little obsessed with turning trees into typefaces. Back in 2015, she developed her first so-called Tree Alphabet, made up of sketches of 26 different trees that each stood for its own letter. The project led her to publish a book, About Trees, typed in forests rather than paragraphs. “I’m interested in creating something that lets us translate our words into something beyond us,” writes Holten over email. “It forces us to slow down and think about what we’re writing, or reading.”

To see the typeface in action, head over to nyctrees.org and try it for yourself.

New York City Trees
The New York City Tree Alphabet is an alphabetical planting palette, allowing us to rewrite the urban landscape by planting messages around the city with real trees. What messages would you like to see planted?

These messages aside, it seems the trees are busy communicating by themselves.

The fascinating science of how trees communicate, animatedBrain Pickings
But trees are much more than what they are to us, or for us, or in relation to us. They are relational miracles all their own, entangled in complex, symbiotic webs of interbeing, constantly communicating with one another through chemical signals dispatched along the fungal networks that live in their roots — an invisible, astonishing underworld only recently discovered, thanks to the work of Canadian forest ecologist Suzanne Simard.

The secret language of trees – Camille Defrenne and Suzanne SimardYouTube

Tasty type

You don’t normally associate McDonald’s with minimalism, but these new billboard ads are pretty cut back, to say the least. No photos, no logos, no branding.

These ads make you think of McDonald’s with just 5 words and 5 coloursDigital Arts
The messaging is equally simple. It isn’t introducing ‘healthy’ options, a new burger, offer or competition – or putting the idea of McDonalds as comfort food in your mind. It’s just designed to catch your eye, bring a moment of delight at the recognition of what you’re seeing and make you think of picking up a McDonalds on the way home or stopping during a long journey.

tasty-type-1

I admit I find these ads quite appealing. The product, not so much.

tasty-type-2

Moving away from paper monitors

Thinking about the old web again, and how different web pages looked back then, compared to now. In a word, tiny.

A short history of body copy sizes on the WebFlorens Verschelde
Ten and 11 pixels may seem puny today, but in the early 2000s that was deemed readable for two reasons:

  1. the 800×600 and 1024×768 screens of the late 1990s and early 2000s had biggish pixels, so the result was on the small side but not as small as it might look today;
  2. designers and their clients were accustomed to 9, 10 and 11 point sizes for body copy in print (books, magazines, leaflets…), and the prospect of using bigger values felt like shouting at readers.

It took quite an effort to pull web designers away from this assumption that screens should be treated the same way as print.

moving-away-from-paper-monitors

In November 2006, iA’s Oliver Reichenstein ran a simple experiment: he compared a magazine’s body copy at arms’ length and a typical site’s body copy at a common, eye-to-desktop-screen distance. The website’s text looked much smaller. Oliver argued for setting the body copy to the browser’s default, or 100%, which by convention is 16px in common browsers. In 2006, and even a few years later, it was a revolutionary proposition. Web designers and clients thought it was extreme. Five years later, we still had to fight for the death of 11px body copy (example, in French).

It’s been interesting to see how text has been treated over the years, not only on the various default WordPress themes but on blogs like Jason Kottke’s, and my own when it was on Blogger. Layouts like Swiss Miss’s look anachronistic now.

Verschelde’s exploration into this aspect of web design is full of links to examples and other articles about typography and layout, including Jeremy Keith’s Resilient web design, a online book that uses CSS to smoothly vary the font size depending on the width of the screen. It’s a great read, especially the opening chapter’s review of the intertwined history of interfaces.

Resilient Web Design – Chapter 1
The hands on a clock face move in a clockwise direction only because that’s the direction that the shadow cast by a sundial moves over the course of a day in the northern hemisphere. Had history turned out differently, with the civilisation of the southern hemisphere in the ascendent, then the hands on our clocks would today move in the opposite direction. […]

These echoes of the past reverberate in the present even when their usefulness has been outlived. You’ll still sometimes see a user interface that displays an icon of a Compact Disc or vinyl record to represent music. That same interface might use the image of a 3½ inch floppy disk to represent the concept of saving data. The reason why floppy disks wound up being 3½ inches in size is because the disk was designed to fit into a shirt pocket. The icons in our software interfaces are whispering stories to us from the history of clothing and fashion.

The quote used in the introduction to that online book seems appropriate here.

We look at the present through a rear‐view mirror. We march backwards into the future.
Marshall McLuhan

A long time ago, a logo far far away

The reviews for the upcoming Star Wars movie are now appearing, ahead of its general release tomorrow. Will it live up to the hype? Is ‘fan service’ a thing, now? Which spelling of cannon should I be using?

But never mind all that now. Let’s go back to the beginning, and take a look at the evolution of the franchise’s logo (though back in 1977, of course, they probably wouldn’t have used that word), with this wonderful collection of images, care of Alex Jay’s typography blog.

Anatomy of a logo: Star Wars
During the film’s pre-production, a decal was produced. … “It was done as a symbol for the film—to go on film cans and letters. George [Lucas] had had one for American Graffiti, and wanted one for Star Wars.”

long-time-ago-7

Lucas referred to the crawl used in the Flash Gordon and Buck Rogers serials. … Dan Perri designed a logo, with a vanishing point, for the opening crawl, but it was not used. Instead, it appeared in print on posters and advertisements.

long-time-ago-3

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.”

long-time-ago-2

Suzy Rice’s original logo was tweaked a little by another designer, Joe Johnston. You can see that both versions have accidentally made their way onto this book cover; Rice’s original on the back, Johnston’s on the front. (And Luke and Darth Vader are left-handed now?)

long-time-ago-5

Alex has gathered together a fantastic range of 70s and 80s publicity material, for the movies, books, games, comics, posters, calendars etc etc. You must check it all out.

long-time-ago-6

long-time-ago-4

And when you’ve finished, check out what this strange tale would look like if it took place, not long ago in a galaxy far away, but in a 1980s high school.

Bringing inner worlds to light

This is quite poignant/difficult/effective.

Elderly worries over Christmas are exposed in exquisite lettering by Alison Carmichael for Age UKDigital Arts
Christmas TV ad season is here, with heart-tugging commercials rolled out for, well, commercial entities looking to get their hands on your money.

Finally though we have something that hits home for an actual good cause, delivered in the form of Age UK’s latest promo campaign ‘No one should have no one to turn to’, launching today in the UK.

inner-worlds-1

inner-worlds-2

Let’s all help.

See also, via Digital Arts, these colouring books brightening dementia patients’ lives and this font based on a stroke survivor’s handwriting.

Trumped typography

Trump’s handwriting was in the news the other day, when cameras caught a glimpse of the notes he’d made for himself before meeting reporters.

Handwriting expert says Trump’s ‘I WANT NOTHING’ note bears ‘the sign of a liar’Rolling Stone
As for the large, blocky writing, Lowe attributes that to him being “someone who has a strong need for security and to be in control, to be looked up to.” The way the letters disconnect point to “someone who was unable to assimilate the difficulties he experienced in childhood, which leaves him open to life’s various adversities. He lacks good coping mechanisms and has trouble relating fully to himself and to others.”

Now you too can write like the president, though why on earth you’d want to is another matter.

Final Word From The Pres

trumped-typography-1

Write your own notes in Trump’s handwriting with this new web generatorFast Company
Part of what made the photo notable was that it revealed that the unique writing style the president uses online—the Twitter-friendly brevity of character count and a seemingly unpredictable all-caps emphasis—applies to good old pen on paper, too. For the website, called Final Word From the Pres, the Jones Knowles Ritchie team took those characteristics and automated them. The generator will autocorrect words, turning “we” to “I,” “Trump” to “Stable Genius,” “big” to “yuuge,” and “SNL” to “unfunny,” so the note you write is adapted to the president’s voice. But there are many more autocorrections, with over one hundred Easter eggs up for discovery as you uncover the distinctive language patterns of a very stable genius.

This isn’t the first time such a typeface has been created.

Tiny Hand will be your new Comic SansBuzzfeed News
I was struck not only by the peculiar delivery of the notes, but also by the idiosyncratic way Trump writes the alphabet. At that moment it was clear to me — as it surely must be to you, dear reader — I had to make a font based on Donald Trump’s handwriting.

Mad to think that’s from 2016. Here we are, nearly 2020, and he and his juvenile writing/thinking is still here.

The sea and the Kroner

The inspiration behind the redesign of the new Norwegian banknotes.

Norwegian banknotes: Original design and main conceptMetric
Norway is a coastal nation. The Norwegian coastline is unique on a world scale; it is Europe’s longest and extends over 13 latitudes. 90% of Norway’s population live within 10 km of the ocean. When it comes to productivity, diversity in species and distinctive character, it is unparalleled throughout the world. The Norwegian livelihood is the ocean – it is the origin of our most important resources. It is our food basket and our major source of income. It is also the origin of our shared history and knowledge – a source to our worldview and our identity.

The banknote motifs are all about how Norwegians use the ocean; about how we combine our access to resources with knowledge and how the ocean affects the Norwegian way of life and social model – both politically and socially.

the-sea-and-the-kroner-1

I love the way black and white photography is used here, to contrast with the macro shots of the notes themselves.

the-sea-and-the-kroner-2

the-sea-and-the-kroner-3

the-sea-and-the-kroner-4

More accidental typography

Some years ago I came across a photographer who had discovered an alphabet written in the skies over her head. Here are a few more examples of letter-forms in unusual places.

Put words into action with ‘Gerry’, a new font created from the silhouettes of gerrymandered electoral districts
The font, created by Ben Doessel and James Lee, is composed of 26 districts whose absurd boundaries resemble alphabet letters much more than they resemble logical, cohesive population groupings. Alabama’s pronged 1st District bears a striking resemblance to the letter K, while New York’s 8th District looks like an M with its tall legs connected by a curved middle.

more-accidental-typography-1

And here’s another example.

Stone alphabets
[A]ssembled by Belgian type designer Clotilde Olyff from stones collected at the beach.

more-accidental-typography-2

An accidental typographer

Check out the work of Shuetsu Sato, a Japanese security guard who’s accidentally become a graphic designer and typographer.

Tokyo subway’s humble duct-tape typographer
Walk the bowels of these stations long enough and you may come across Shuetsu Sato 佐藤修悦. Sixty-five year old Sato san wears a crisp canary yellow uniform, reflective vest and polished white helmet. His job is to guide rush hour commuters through confusing and hazardous construction areas. When Sato san realised he needed more than his megaphone to perform this duty, he took it upon himself to make some temporary signage. With a few rolls of of duct tape and a craft knife, he has elevated the humble worksite sign to an art form.

View this post on Instagram

'19 03 24 新宿 #kaana_tokyo

A post shared by kaana (@knpye) on

And another thing #2

How often have you thought about your Shift + 7 key?

Ampersands: A beloved character
It began life as a shortcut for scribes and proved just as useful for early typesetters, eventually working its way into the English alphabet as the 27th letter. We collectively dropped it from the ABCs, and the decline of handwriting and manual typesetting made it less useful. But its flexibility and grace have kept it on our business cards and movie posters.

These Quartz Obsession emails are typically full of wonderful rabbit holes, and this one’s no exception. Let’s start with a quick introduction.

Where did the ampersand originate?
Developed from the Latin et (“and”), the ampersand, formerly the twenty-seventh letter of the alphabet, is a character with a cult following among students of typography.

And not just students of typography — the lowly ampersand can count lawyers, entrepreneurs, movie producers and restaurant owners as fans, if these links are anything to go by.

For law firms, the ampersand is a character worth saving
Paul Hastings, Norton Rose Fulbright, Hogan Lovells, Proskauer Rose, Baker Botts: the list of new BigLaw titles built on the corpses of ampersands is almost endless. All these firms discarded their ampersands as if they were ashamed of them.

There are practical reasons so many hipster businesses follow the exact same naming structure
There’s also a nostalgic feel to this construction. “At some point in its early history, I’d guess the germ of that trend was an allusion to the common practice in 17th/18th/19th centuries of naming your company after its principals (e.g. Gieves & Hawkes, Dege & Skinner, Marks & Spencer, etc.),” says Simon. “Could be some of your fashion brands want to allude to handcraft, to pre-industrial or non-industrial processes.”

Stereotypography
So far, critical appraisal of the ampersand in Pride & Prejudice has been mixed. On Slate, David Edelstein calls the ampersand one of the “ominous first impressions” that he had to get over in order to like the movie. The Toronto Globe and Mail (or is it “Globe & Mail”?) says the ampersand signals a “contracted, contemporary approach” to the novel. The San Francisco Chronicle finds the typographical choice to be indicative of the movie’s “jaunty approach.” And the Detroit Free Press says “the only thing really new” in the film is “the hip ampersand of the title.”

Contemporary! Jaunty! Hip! That’s a lot of stereotypical baggage to put on a modest piece of punctuation that has been kicking around in one form or another for about two thousand years.

Petition · Restore the ampersand as the 27th letter of the alphabet
This isn’t just for us. Think of all the uses of the ampersand out there, and all the people and organizations that could benefit from allowing the ampersand back into our alphabet.

We’re not asking for much. And to be completely honest, we’re not exactly sure who calls the shots on these sorts of things, but having Merriam-Webster on our side seems like a good start.

Bring back the Ampersand

It’s fair to say that graphic designers and typesetters are this character’s biggest admirers, though.

Font Aid IV: Coming Together
The Society of Typographic Aficionados is proud to announce the release of “Coming Together”, a font created exclusively for Font Aid IV to benefit the victims of the 2010 earthquake in Haiti. The font consists entirely of ampersands, to represent the idea of people coming together to help one another. Type designers, graphic designers, and other artists from around the world contributed artwork to the font.

and-another-thing-3

Design by: Herb Lubalin
Herb Lubalin is best known for his logotypes, or as he called them ‘expressive typography’. One of his most famous works is the Mother & Child masthead he designed for a Curtis magazine, where the ‘O’ in the word mother is a womb for the word child. The use of the ampersand in this design is pure genius.

and-another-thing-2

Attitudes toward hyphenation and rag settings
In fact, Gill was even more willing to challenge convention than Dowding. Not only did he liberally use ampersands for “and” but he also used contractions (e.g., “tho’”), and superscript letters (e.g., “production”) to achieve even spacing. But most importantly, he advocated that text be set flush left, rag right (though he did not use that phrase) as not only more natural than justified setting, but as the best way to guarantee consistent word spacing. He considered the insistence on justified text to be nothing more than a superstition, remarking that “even spacing is more important typographically than equal length.” In his view justified text existed to satisfy man’s desire for neatness.

and-another-thing-1

That last link is my favourite, I think. I could read about typography and book design all day. There’s something very calming and comforting in a well set page of text like the one above. Those margins!

So it was a wonderful coincidence to see that today’s Aeon newsletter contained this link about book printing.

What’s as satisfying as a good book? Seeing one made the old-fashioned way, by hand
The director Glen Milner charts each step in the process as bookbinders piece together a new hardbound edition of the memoir Mango and Mimosa (1974) by the British writer and painter Suzanne St Albans. From folding pages to sewing and gluing paper to the leather spine, skilful human hands are front and centre throughout. Milner documents this melding of mechanics and craft with an almost musical rhythm, conveying skills and methods born of centuries of refinements.

Birth of a Book

And would you believe it, that printing and bookbinding company is in Leeds, just 5 miles away from me!

“Minimalist infantilization”

You don’t need a degree in visual identity to notice a certain amount of homogeneity amongst corporate branding these days. Graphic designer and writer Rachel Hawley investigates this  “creepy cheerfulness of a thousand smiling san serifs.”

The corporate logo singularity
By the time Facebook and Google got in on the fun, of course, this new style was well underway. Motorola, Spotify, Airbnb, PayPal, and Lenovo had all undergone similar redesigns; over the next few years, Dropbox, Mastercard, Pandora, Pinterest, and Uber followed suit, among others. The twenty-first century, it became clear, would be smooth, sleek, and simple.

What we’ve been left with is the unsettling omnipresence of a single corporate aesthetic, its reach rapidly expanding beyond its tech origins. Taken individually, any of these wordmarks might effectively communicate the intended qualities of friendliness and approachability; together, their cheerfulness is downright creepy, like the painted-on smile of a clown’s face. […]

Here, the truth is made plain: the childlike nature of corporate branding isn’t a random trend, but part of the mindset that consumers ought to be treated like children. Details are the sinister machinations of faceless authority figures; friendly colors and geometric letters like those on a toddler’s building blocks are comforting by contrast. That each brand looks more or less like the next is only for the better: the world is a little smaller that way, less likely to confuse or frighten. As Jesse Barron wrote for Real Life magazine in 2016, “We’re in the middle of a decade of post-dignity design, whose dogma is cuteness.” Cuteness, employed as these companies do, talks down to you without words.

In related news, Firefox is having a rebrand. And yes, this feels quite ‘cute’ too, after reading Rachel’s article.

Mozilla gives Firefox a new look that goes beyond the logo
Built around four distinct ideological pillars — a radical optimism about the internet, a desire to build better products, a drive towards openness, and a belief in the fundamental importance of being driven by strong convictions — the new look and feel isn’t the end of story, with Mozilla claiming that: “As a living brand, Firefox will never be done. It will continue to evolve as we change and the world changes around us.”

Firefox’s new logo has more fire, less fox
But before you say “What did they do to that poor fox!” know that the logo you see above actually isn’t the browser logo — that’s the brand-new overarching logo for Mozilla’s whole family of Firefox products, with each component (including the browser) having its own logo, too.

minimalist-infantilization-1

The writing in the walls

I’ve not really thought about bricks before, unless they’re in artworks of one kind or another. But here, they’re being considered as design objects in themselves. Or rather, the makers marks that get stamped onto the top of each one.

Patrick Fry unearths our new favourite design gem: bricks!
For Patrick, this hidden typographic mark links to his own obsession with “design that isn’t necessarily created by designers but rather engineers, craftsmen and the like,” he tells It’s Nice That. “It’s design for utility that often has a strange, imperfect quality that really appeals; it holds an honest story. This ‘outside design’ exists apart from our historical understanding of graphic design, it’s raw and unrecognised.” And in turn, makes bricks one of those fascinating elements of design that are ubiquitous, and that we couldn’t really live without.

the-writing-in-the-walls-1

Just my type

Jesse Simon continues to pay attention to the details of his built environment.

The colours of Berlin: yellow
The colours of Berlin is a new bi-monthly series that will run throughout 2019. Where other posts on this blog have attempted to describe typographic trends and phenomena in Berlin, the entries in this series will focus on a particular colour by presenting a collection of images without additional text. Every city has its full spectrum on display; this is the one that belongs to Berlin.

just-my-type

It’s hard not to feel down about the ugly state of my city, when I compare it with those examples of considered design. So here’s something quirky to lift my mood.

“Something illegible still has something to say”: Eliott Grunewald on his type designs
“I’ve been more interested in display typefaces, for their expressiveness and ‘voices’; like type as an image more than the design of a text typeface,” he tells It’s Nice That. “So I guess, sometimes, it does result in letterings which are formally too intense or even illegible. But something illegible still has something to say, to show or to promote, I don’t feel that even if you cannot read the word, you cannot get anything from it.”

just-my-type-2

And, for a full account of what goes into good typeface design, take a look at this.

Why San Francisco
We got our first glimpse of Apple’s new sans-serif typeface, San Francisco, when the Apple Watch was unveiled in September of 2014—a new typeface designed specifically for legibility at small sizes on a tiny, high-resolution screen. Big news for type nerds and Apple fans alike.

It’s very thorough, and I don’t pretend to understand half of it, but it’s nice to see someone paying such close attention to the details.

2018 in art and design

Another late December day, another round-up of what happened this year.

It’s Nice That’s Review of the Year 2018
Well, 2018 was a year, wasn’t it? Between us, we’re quite glad that it’s (nearly) all over. Now’s the perfect time to reflect on creativity flourished in yet another turbulent 12 months on a topsy-turvy planet.

A great collection of articles. I particularly enjoyed reading their summary of 2018’s news stories — as they say, it “might be the only round-up of 2018 that’s (mercifully) free of the twin terrors of Donald Trump and Brexit.”

Review of the Year 2018: Top 25 News
From Burberry getting a new logo courtesy of Peter Saville to Marina Abramović promising to electrify herself with one million volts in the name of art, via Taylor Swift butting heads with Spike Jonze over allegations of copy-catting, and the release of a new typeface that claims to be able to boost your memory, a lot has happened in the creative world since we said hello to January back in, well, January.

Some real gems there. Remember that Damien Hirst exhibition? And the great KFC chicken shortage back in February?

And how about this review of what’s been happening in the colourful, noisy, fast-paced world of video game design.

The best in video game concept art for 2018
My favourite feature here at Kotaku is Fine Art, a daily look at the concept art that goes into our favourite games. With the end of the year fast approaching, I thought it was time to look at some of the best work we’ve been able to showcase this year from some of the biggest games.

2018-in-art-and-design-1

In HE, everyone’s at it *

* Being deceitful, that is. Or maybe just willfully ambiguous?

Let’s start with Alex Hayman from Which? University.

Students need clarity when choosing a university
It has been almost a year since the Advertising Standards Authority upheld a number of complaints about misleading information in HE. Despite the clear warnings, we’ve investigated and found at least six universities included examples of unsubstantiated or unverifiable claims about their standing on their websites, in likely breach of advertising standards. This just isn’t good enough.

Various examples are listed. This is an interesting line from The Guardian.

UK universities ‘still inflate their statuses despite crackdown’
The continued use of assertions about high international status is evidence of the strain universities are under to increase their domestic and international student recruitment, as well as the effects of global rankings.

Hmm. But, of course, it’s not just the universities that are happy to stretch the truth.

Essay mills: ‘One in seven’ paying for university essays
More students than ever are paying someone else to write assignments for them via “essay mills”, a Swansea University study has revealed. The survey of more than 50,000 students, found 15.7% admitted to cheating since 2014 – up from an average of 3.5% over the last 40 years. […]

It showed the amount of students admitting to contract cheating, when students pass off a custom-made essay as their own, has increased over time. But Prof Newton, director of learning and teaching at Swansea Medical School, suggested the number could be much higher, as students who have paid for essays to be written are far less likely to volunteer to take part in surveys on cheating.

Indeed. But what if you want to exaggerate how much work you’ve done, but are a little short on funds? Free fonts!

Times Newer Roman
Introducing Times Newer Roman, a font that kinda looks like Times New Roman, except each character is 5-10% wider. Fulfill lengthy page requirements with hacked margins, adjusted punctuation sizing, and now, Times Newer Roman!

in-he-everyones-at-it-2

Times Newer Roman is a sneaky font designed to make your essays look longer
According to Times Newer Roman’s website, a 15-page, single-spaced document in 12 point type only requires 5,833 words, compared to 6,680 for the standard Times New Roman. (That’s 847 words you don’t need to write, which is more than twice the length of this post!) […]

Of course, it’s the digital age, so there are some downsides: Times Newer Roman will only work for assignments you have to submit by hand or in a PDF. If you’re sending in a Word document using a custom font that professors almost certainly don’t have installed won’t help. Similarly, Times Newer Roman is only useful for hitting larger page counts; if you have a strict word count limit, you’re out of luck.

Blame typewriters?

I love typewriters. I used to own quite a few old ones, including a stupidly heavy Underwood. So I found this Medium article quite difficult to read at first.

Death to typewriters

What are you talking about, they’re amazing machines!

You see, I blame typewriters for double-handedly setting typography back by centuries. Type before typewriters was a beautiful world filled with hard-earned nuance and richness, a universe of tradition and craftsmanship where letters and their arrangement could tell as many stories as the words and passages they portrayed.

The article’s author, the typographer and designer Marcin Wichary, sets out a very compelling case and illustrates very clearly the influence typewriters have had on typography.

blame-typewriters-2

Those habits wouldn’t matter that much, originally; books and newspapers during that time proceeded with more sophisticated machinery and largely excellent typography. But, typewriters transmuted into teletypewriters, then into teletypes, then into “glass teletypes” (teletypes with actual “glass” computer screens), and eventually into computers. … And thus typography of early personal computers was essentially typewriters, realized in pixels.

He outlines in the rest of the article the ways he’s working with Medium to improve on-screen typography and reverse the damage caused by bad typewriter habits. These are set out in detail in Matthew Butterick’s book, Practical Typography.

Typewriter habits
I’ve claimed through­out this book that many bad ty­pog­ra­phy habits have been im­posed upon us by the type­writer. Here, I’ve col­lected them in one list. … 2: Two spaces rather than one space be­tween sen­tences. … 7: Pre­tend­ing that ac­cented char­ac­ters don’t exist. … 13: Ig­nor­ing lig­a­tures. 15: Be­liev­ing that mono­spaced fonts are nice to read.

Whilst I still love typewriters as objects, as word machines, I can absolutely see their point. I’m not sure about a typewriter revolution, but I can definitely see the need for a typography one.

L. E. T. S. D. A. N. C. E.

A colorful medley of inventive type animations puts the alphabet in motion
Designer Ben Huynh submitted animated letters for each day of the open call which he combined into a short film. The video presents his three-dimensional type in the form of Mephis-style office supplies, modern furniture, and abstract neon light installations, all set to the song “Sunshine” by Gym and Swim.

36 Days of Type 05

One space or two? One! Every time!

This has been a bone of contention between me and my better half for a while now. She was trained as a touch-typist back in the Twentieth century. I wasn’t.

One space between each sentence, they said. Science just proved them wrong.
The rules of spacing have been wildly inconsistent going back to the invention of the printing press. The original printing of the U.S. Declaration of Independence used extra long spaces between sentences. John Baskerville’s 1763 Bible used a single space. WhoevenknowswhateffectPietroBembowasgoingforhere.Single spaces. Double spaces. Em spaces. Trends went back and forth between continents and eras for hundreds of years, Felici wrote.It’s not a good look.

And that’s just English. Somewrittenlanguageshavenospacesatall and o thers re quire a space be tween ev e ry syl la ble.

Ob viously, thereneed to be standards. Unless you’re doing avant – garde po e try, or something , you can’tjustspacew ords ho w e v e r y o u want. That would be insanity. Or at least,

obnoxious.

I really hadn’t appreciated how much of an issue this was. Some US psychology researchers sought to determine the correct approach once and for all.

First, they put the students in front of computers and dictated a short paragraph, to see how many spaces they naturally used. Turns out, 21 of the 60 were “two-spacers,” and the rest typed with close-spaced sentences that would have horrified the Founding Fathers.

The researchers then clamped each student’s head into place, and used an Eyelink 1000 to record where they looked as they silently read 20 paragraphs. The paragraphs were written in various styles: one-spaced, two-spaced, and strange combinations like two spaces after commas, but only one after periods. And vice versa, too.

And the verdict was: two spaces after the period is better. It makes reading slightly easier.

So it seems scientific research is against me. I’m still not changing my mind, though, as the study’s methodology is not without its critics.

No, you still shouldn’t put two spaces after a period
The study used Courier New… This alone makes the test useless. One-spacers already agree that typewriters and monospace fonts use two spaces after the period (except some screenwriters, who use one space). But reading a proportional font and a monospace font are two completely different scenarios. The study even acknowledges this: “It is possible that the effects of punctuation spacing seen in the current experiment may differ when presented in other font conditions.” Of course it’s possible—that’s what the whole debate is about! Why would you use Courier New!

Words on the street

From Atlas Obscura, an interview with Jesse Simon about his Berlin Typography project.

Celebrating Berlin’s typography, before it vanishes
“I came across a sign for a shop called Betten-König, an exquisite, yellow, cursive neon sign attached to the façade of what otherwise looked to be a fairly modest shop,” Simon recalls. “Something snapped into focus.” He realized that he’d been thinking about Berlin’s civic and commercial signs only in terms of their function. And yet, “this Betten-König sign, which seemed somehow too grand and too glorious for its purpose, was doing something entirely different. It brought a kind of joyous irreverence to the street,” he says.

There are some wonderful examples of street typography here, with a range of styles unlike anything I’ve seen before, I think.

Something else one finds in Berlin (and in most larger German cities) is a kind of creative tension between Western European and traditional German approaches to typography. Although German uses the Latin alphabet now almost exclusively, blackletter or Fraktur scripts were dominant in the previous centuries, and the influence is still present today. German also has its own orthographic traditions and its particular variations on the Latin alphabet, specifically the umlauted letters and the Eszett (ß). Again, this is not unique to Berlin, but is definitely a part of what makes its urban typography so distinctive.

I’ve heard of Blackletter, at least, but Sütterlin? No idea.

words-on-the-street-2

Sütterlin is a form of handwriting that was prevalent in Germany during the first half of the 20th century; it fell out of common use in the second half of the century but, as with Blackletter, is still used in signage to evoke the values of a previous age. The sign here reads ‘Alt-Berliner Wirtshaus’ although this is not immediately apparent. If you stare at it for long enough (or go to the Sütterlin Wikipedia page) it begins to make sense.

The Atlas Obscura interview covers more examples but check out his Berlin Typography website for his extensive, and growing, collection. Long may they last out there, the streets will look poorer without them.