The Qualities of Design

The Qualities of Design

I am excited to see Fit in use in this small republication of The Qualities of Design, designed by Pavel Kedich.

The text is a chapter from a 1920 book by Harry Lawrence Gage which discusses harmony, balance, and shape. The text is set in Adobe Caslon Pro, and is broken up by large uses of Fit for display. Graphik is used for all of the captions.

This is one of a series of websites by Kedich that uses copyright-free text to play with layout and typography (see also Printing in Relation to Graphic Art).

The Qualities of Design{: .lightborder}

The Qualities of Design{: .lightborder}

Font of the Month Club

Font of the Month Club

Now for something a little different: I’m inviting you, my fellow type lover, to join the new Font of the Month Club! Sign up to get a fresh new font lovingly made by me, every single month.

In addition to my retail families, I love working on little side projects that explore a certain historical style or concept, such as standalone display faces and experimental designs. Most of these don’t ever get a proper release, so the Font of the Month Club is my way of sharing them with you.

Learn more and sign up for as little as $6/month at fontofthemonth.club!

Variable fonts at SND

This past week, I gave a talk with Roger Black and Dave Crossland about OpenType variable fonts at the Society of News Design conference in Charlotte. The talk wasn’t recorded, but here are a couple clips to give you a taste:

Thank you to SND for having me, and for all who came to see the talk! Also, I was pretty psyched to see Input and Output used all over the entire conference identity. 👍

SND conference badge

It’s lit

A big 👋 to my variable font friends at TYPO Labs! I am at home dragging lots of sliders, but would rather be dragging them with you!

It’s lit

I have a lot of questions about this document from Google, but font choice is not one of them! I am impressed that it even finds a way to take advantage of Bungee’s vertical alternates... (h/t Drew Powers)

This week in Fit

Fit in Communication Arts

Fit’s amazing stacking abilities

Part of Type Network’s new Inside the Fonts series, this article by Yves Peters dives deep into the magic numbers that make Fit look super-good with super-tight linespacing. It even includes a chart of recommended line-height settings for each of Fit’s basic styles!

Communication Arts

The popular visual design magazine Communication Arts featured a gallery of Fit specimens on their website.

Slanted Magazine

The great Slanted Magazine posted a nice piece on their blog, in German and English. It even includes images of two of my personal favorite aspects of Fit, its Vietnamese and Russian!

Many thanks to the folks who were behind these posts! I am very grateful for their work, and to everyone who is helping to get the word out about Fit.

Fit Presentation Images

Fit aspect ratios

One of the reasons I released my typeface Fit is because I thought it would be a good demonstration of the new OpenType variable font format. In order to help explain the concept, I’ve made some images that you can use in presentations or lectures to demonstrate Fit’s capabilities, and by extension, one of the many ways that variable fonts can change the way we set type.

Feel free to download these images and use them in your talks (with credit or a link to djr.com/fit, please). And in the spirit of the design, I made versions that fit the dimensions of both 1024×768 and 1280×720 projectors!

Text fitting demo

Fit is designed to fit

PNG 1024×768{: .button} PNG 1280×720{: .button}

A waterfall of widths

A Gradient

PNG 1024×768{: .button} PNG 1280×720{: .button}

Word length comparison

Languages

PNG 1024×768{: .button} PNG 1280×720{: .button}

Adapting to word length (animation)

Variable!

GIF 1024×768{: .button} GIF 1280×720{: .button}

Draggable text at djr.com/fit (animation)

Fit Drag Movie

GIF{: .button} MOV{: .button}

More Fit »

Dithr!

My friend and frequent collaborator Chris Lewis just released a free iOS app Dithr. It dithers photos and video with fun pixilated patterns and retro color palettes, recalling the computer games of my youth!

I find myself taking pictures and videos of mundane, everyday objects (radio towers, ceiling fans, and even plain white walls), just to see what wild colors and pixely gradients I can get the app to produce.

Here are some photos I’ve taken with the app. I encourage you to give it a download at dithr.io, and you’ll even catch a sneak peek of my typeface Output!

Self-portrait Mug Bridge