JETSONVILLE

The space-age font
with the retro-forward look

A capstone project by Steve Lenius
as the final requirement for the
Master of Arts in Graphic and
Web Design (MAGWD) program at
Minneapolis College of Art & Design
(MCAD), Minneapolis, Minnesota

August 2020

BRIEF DESCRIPTION:

Jetsonville is a new
OpenType-format type font
inspired by “The Jetsons,” the
legendary 1962-63 animated
television series about
a nuclear family living
100 years in the future.

Ever heard of “fan fiction”?
Well, Jetsonville is a “fan font.”

PROBLEM STATEMENT

Does the world NEED
another type font?

NOPE.

Can the world USE
another type font?

ALWAYS!

Does the world currently have
a type font inspired by
“The Jetsons,”
the 1962 animated
television series?

NOT THAT I COULD FIND
IN MY RESEARCH.

HOW I AM SOLVING
THIS PROBLEM:

In support of the cause of
Better Living
Through Typography,
I am creating Jetsonville,
a type font inspired by
mid-century design.

FURTHER PROBLEM
STATEMENT

I am a Type Guy. I have been
working with type and fonts
since my high school years.
Typographically speaking, I know
what works and what does not.

When the Minnesota Orchestra came to our
high school to perform a concert in the
school’s gymnasium, I was the “type guy”
student who typeset the program booklet.

As you can see here, I used Futura.

Minnesota Orchestra program cover

But I have not yet designed a
typeface, nor have I ever used
font-design software. I am told
the learning curve is very high.

Font design in general is a
lengthy process that calls for
extended refinement of
the most minute details.

This capstone project
is ten weeks long.

Is that time enough to
successfully create a font?

Well, I decided to try.

INSPIRATION AND
RESEARCH

The design of Jetsonville draws
on mid-century modern art,
architecture and culture.

“THE JETSONS”

Jetsonville was inspired,
obviously, by “The Jetsons” . . .

The Jetsons in their flying car

especially the architecture of
their apartment building.

The Jetsons' apartment building

BUT WHAT INSPIRED
"THE JETSONS"?

MID-CENTURY
ARCHITECTURE

“The Jetsons” borrowed from
mid-century architectural styles:

Jetson apartment building shown next to Seattle's Space Needle

The Space Needle in Seattle
(1961-62)

Jetson apartment building shown next to Chicago's Marina City

Marina City, Chicago
(1961-68)

Jetson apartment building shown next to Theme Building at Los Angeles Airport

Theme Building at
Los Angeles Airport
(1957-61)

Gateway Arch
in St. Louis (1963-65).

Gateway Arch, St. Louis

Even McDonald’s
“Golden Arches”
date from this time period.

McDonald's Golden Arches

MID-CENTURY CARS AND
“THE FORWARD LOOK”

Mid-century automobiles by Chrysler
Corporation featured styling promoted
as “The Forward Look,” symbolized
by this double-boomerang logo.

Chrysler Forward Look logo

Look past the fins on the
1960 Plymouth and 1961 Dodge
and notice the parabolic roofline.

1960 Plymouth with parabolic roofline

1961 Dodge with parabolic roofline

MID-CENTURY FURNITURE
AND CONSUMER GOODS

Consumer goods featured arches,
often in the form of boomerangs.

Turquoise boomerang clock

"Skylark" Formica countertops
featured a boomerang pattern.

Skylark Formica pattern chip

Arches also appeared as
“hairpin legs,” designed to give
furniture a space-age feeling
of weightlessness.

Midcentury modern chest of drawers with hairpin legs

THE GENESIS OF
JETSONVILLE

One project in this program’s
Design in Context class was to
take one of four typefaces and
modify it to create a new
typeface. I considered
altering Univers to make it
more futuristic:

Modified Univers characters

Then I tried a
futuristic Baskerville:

Modified Baskerville character

But then I decided to create
a completely new font
based on the arches seen
in mid-century architecture
and on “The Jetsons.”

I started by drawing an arch-
shaped path in Adobe Illustrator,
and then stroked it with a
vertical oval brush to create
the primal Jetsonville arch.

The primal arch for Jetsonville

This arch became the basis
for all the characters of
Jetsonville, starting with the
uppercase A.

The primal arch (red) in A, V, C, D

The 26 Jetsonville uppercase
characters were designed during
the Design in Context class
using Adobe Illustrator.

CHOOSING THE TOOLS

For this capstone project I
decided to complete the font
with lowercase characters,
numbers, punctuation, and
other characters, and then
turn them all into a usable
OpenType-format font.

But what font development tool
should I use to do this?

Several were available:

• Fontographer: Once the
industry standard, but
long past its prime.

• Type Tool: Once a good simple
font tool, but now outdated.

• FontForge: Free and open-
source, but poor user interface.

• Fontlab: A newer industry
standard. Many capabilities
but complex to use.

• Glyphs: Rapidly becoming the
new industry standard.
Capable but complex.

• Glyphs Mini: A streamlined and
simpler version of Glyphs.

All of these programs have very
steep learning curves. Did I have
time to learn how to use them?
Not really.

My font-development tool choice:
FontSelf, a font-making plug-in
for Adobe Illustrator.

FontSelf screen shot with many characters

FONTSELF ADVANTAGES

• Does what I need it to do.

• Intuitive to use, so almost no learning curve

• Leverages my current knowledge of
Adobe Illustrator.

• Bonus: very inexpensive.

FontSelf screen shot with single character

FORMULATING
MY PROCESS

• Draw characters in Illustrator

• Import characters into FontSelf
to create OpenType-format font

• Use FontSelf to adjust spacing
and kerning (automatically
or manually)

FONT DESIGN
BEST PRACTICES

• Goal: Even and uniform
typographic color.

• Characters should harmonize
with one another.

• When looking at a block of
type there should be no black
spots and no white holes or
white lines (“rivers”) running
through the type.

page showing bad typography and spacing

• To judge typographic color:
1) Squint, or 2) turn the type
upside down. Either technique
makes black spots, white holes
and rivers easier to see.

page showing bad typography turned upside down

PROCESS:

What I am using and why

KNOWLEDGE OF:

• Mid-twentieth-century design
and culture to inspire the font

• Principles and best practices
of typography to guide the
creation of the font

TOOLS AND TECHNOLOGY
LIST: HARDWARE

• Pencil, pen and paper for initial
sketches and notes

• MacBook Pro with large
external display as computing
platform/design workstation

• Laser printer for proofing
font design

TOOLS AND TECHNOLOGY
LIST: SOFTWARE

ADOBE ILLUSTRATOR

• Primary tool for drawing
the characters

• Current industry standard for
vector-based drawing software

• I am already familiar with
using Illustrator

FONTSELF

• Illustrator extension to turn
character outlines into
OpenType font and then
refine the font

• Works seamlessly with
Adobe Illustrator

• Effective automated spacing
and kerning adjustments

ADOBE PHOTOSHOP,
INDESIGN, ACROBAT,
and AFTER EFFECTS

• Used to prototype font design
and to create both still and
moving type specimens

• Industry standards for
image editing, layout and
motion graphics

• Already familiar with their use

• BLOGGER web blogging
platform for documenting
project progress

• VISUAL CODE integrated
web-development environment
and HTML/CSS/Javascript
for constructing project’s
promotional web page

• GITHUB.COM for hosting
project’s web page

• Font-distribution platform
for hosting, promoting and
selling font (MyFonts.com
or a similar platform)

FEEDBACK

FEEDBACK SOURCES

• My subject matter expert and
mentor for this project is noted
Twin Cities-based font designer
and merchant Chank Diesel.

• I asked three other designers
to use-test the font and
offer feedback.

• I also received feedback from
other students in this program.

FEEDBACK RECEIVED

• No one had problems installing
or using the font.

• People generally liked the font.

• Characters people mentioned
they liked included m, n, h, O,
comma, and apostrophe.

• Certain letters, however, tended to
be singled out as problematic. Based
on the feedback I received, I altered
these characters.

• “a,” “f,” and ”@” received less
distinctive but more readable
characters.

• “e” was made slightly narrower.

altered characters before and after: a, e, f @

• Based on feedback received,
punctuation dots were made smaller.

altered punctuation dot size before and after

• Slightly more space was added
between the dots on double-dotted
punctuation.

altered punctuation dot spacing before and after

Although subtle, these
suggested alterations made
a big improvement in the font.

(Thank you to Chank Diesel
and to my use testers!)

FEEDBACK FROM MIKE HAEG
(creative director, artist, UX/IA designer),
who was one of Jetsonville's test users:

“I felt like this is a great space-age font,
but it seems like there are hints of a deeper
history, almost Mesopotamic cuneiform
juxtaposed with a more distant,
human-as-alien future.

“Don't get me wrong. I think it has great
application as a retro-futurist/mid-century font.
I just felt like it actually has more uses than that,
which is kind of neat. I don't often see that
in this type of display font.”

“I can see this font being used to bridge the past
and the future—a hopeful nostalgia. Of course,
it would lend itself to drive-in movie theaters,
diners, and book design, but there is something
of a deeper past and more distant future (in time,
space, and even evolution). In this I think it is
strongest—humanity as a race that spans eons.”

PROJECT DELIVERABLES

PROJECT DELIVERABLES
SUMMARY

• Centerpiece of project:
Jetsonville, an OpenType font

• Type specimens (still images)
showing creative ways to use
the Jetsonville font

• Motion graphic showcasing
the Jetsonville font

• Web page showcasing the
Jetsonville font, including type
specimens in still and
motion-graphic forms

• Progress blog that gives a
behind-the-scenes look at the
development of Jetsonville and
the design considerations and
decisions that went into
making the font

DELIVERABLES

JETSONVILLE
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
.,:;…‘’“”‹›«»?¿!¡/|\()[]{}<>-–—_
•@©®#$¢€£¥%^&*˜§¶°
+÷=≠
áâàäãåæçéêèëíîìïıñóôòöõøœ
ßúûùüÿÁÂÀÄÃÅÆÇÉÊÈË
ÍÎÌÏÑÓÔÒÖÕØŒÚÛÙÜŸ

Type specimen images

Jetsonville type specimen image 1

Jetsonville type specimen image 2

Type specimen images

Jetsonville type specimen image 3

Jetsonville type specimen image 4

Type specimen images

Jetsonville type specimen image 5

Jetsonville type specimen image 6

DELIVERABLES

Motion-graphic type specimen

BONUS DELIVERABLE
Capstone presentation video

by Steve Lenius, creator of
the Jetsonville typeface

WHAT I LEARNED

• Type design is a very iterative process requiring
patience. Many characters required 20, 30,
or over 50 iterations before I was happy with
them. Here are all the iterations I tried for “a”:

Character iterations for lowercase a

• Further learnings: mathematical precision
and consistency are good. A font without
them just looks sloppy.

• But optics trump mathematics. Sometimes a
mathematically perfect character just looks
wrong. Then it’s time to override the math
and adjust the character until it looks right.

• In the first line below, the “e” is built with the
same arch as the “c”, but it doesn’t look right.
The second line looks better optically even
though the arch of the “e” is narrower than
the arch of the “c”.

Math versus optics in lowercase e

NEXT STEPS

Thoughts from Chank Diesel on
Jetsonville's viability in the font marketplace:

“Your font is good, but it's hard bringing attention
to a single-style typeface . . . especially one that is
so interesting . . . generally more exciting and
stylish fonts don't sell as well as more
boring, readable traditional designs.”

Nevertheless . . .

Chank recommended MyFonts.com, one of
Monotype’s font-distribution sites, as a place
where Jetsonville could be promoted and sold.
Chank describes MyFonts.com as “a pretty
common entryway to the font distribution world.”

MyFonts.com home screen

Based on that recommendation, I am currently
preparing to submit Jetsonville to Monotype
for possible sale on MyFonts.com.

UPDATE:
WELCOME TO JETWORLD

Jetsonville, renamed to Jetworld, is
now available for sale at MyFonts.com.
(Click the image below to go to the
Jetworld page at MyFonts.com.)

LINK TO BIBLIOGRAPHY

Jetsonville Bibliography and
Research Archive Listing

LINK TO
PROGRESS PLATFORM

Progress platform (blog):
Jetsonville: The Space-Age Font
With the Retro-Forward Look

Visit the Progress Platform for a
detailed behind-the-scenes look at
“how the sausage is made” (or in
this case, how the font is made).

ABOUT THE DESIGNER

I have been a “type guy” since
high school. My first job was
setting type at the local
newspaper, and throughout
my career I have continued
working with type and
graphic design.

I started my design and
production company,
Movable Type, in 1987.

Movable Type logo

Email:
movable_type@icloud.com

I also have a second company,
Nelson Borhek Press,
and a second career as a
writer, author, publisher,
and magazine columnist.

Nelson Borhek logo

Email:
publisher@nelsonborhek.com

THANK YOU