PLAY
VIDEO
READ TIME: 4
Article

Typographical Renaissance

Author

/
DevOps DevOps

TOPICS:

/UX & UI
/Brand & Content

The future of digital typography? (Franchise from Animography)

It’s an Exciting Time to be a Digital Designer

This post was also published on MediumActually, let’s be a little more accurate — it’s a very exciting time to be designing period. The internet is an ever-evolving organism, changing and mutating faster than most can comprehend. Being a designer that cut my design-teeth in the print design world, the best thing about this growth is that the list of “things you could do in print but you can’t on the web” is getting shorter and shorter by the month. The dividing lines between mediums are all blurring and converging together, which makes for one awesome-soup of a time to be a designer. Today, the following statement has never been more true:

“Nobody knows anything.”William Goldman, Adventures in the Screen Trade

Creating things on the internet invigorates me because the digital landscape is constantly redefining itself. One of the biggest challenges I faced coming from print design was how to handle typography. I’m sure most designers making this transition found themselves saying things like:

  • Why can’t I just package my fonts up with my designs and send them off to the developer like I used to send them to the printer?
  • So you’re saying the type is going to look a little (or sometimes a lot) different to each user depending on a whole bunch of different variables that are completely out of our control?
  • Wait a sec, why doesn’t that line break exactly where it did in the comp?

Of course these are pretty minor issues in the grand scheme of things, but it was somewhat frustrating initially. But it’s those types of issues that get me so excited that the web is finally shifting towards embracing quality typography. It’s only pretty recently (compared to the overall history of the internet) that designers have been unshackled from having to worry about “web-safe fonts,” and are free to infuse as much typographic goodness as they can muster in to their digital projects. There’s now an ever-expanding field of services (Typekit, Google WebFonts, Fonts.com, etc.) that are all pushing forward to help make the web a better place for type.Most notably, Hoefler & Frere-Jones, (in my opinion) one of the most influential type foundries of the past 20 years, finally unleashed their long-awaited web font service. The design community has been begging for this since the concept of web type was incepted, and they have not disappointed. Instead of figuring out how to serve their existing print-oriented fonts, they took the time to redraw every single family, specifically for the web. Their commitment to doing the right thing, even though it took them much longer to come to market, is something that is inspiring to witness. Especially since it seems so common these days to try and ship products as fast as possible.So, what’s next? If there’s one thing the internet isn’t capable of, it’s sitting still. How does type keep evolving in it’s new digital home? Like any kind of huge paradigm shift, someone will need to come along and question the very core of typography to answer that question. The internet has always had a way of taking age-old concepts and turning them on their head, just simply by asking why. I think if you look around, you can see people beginning to ask these questions right now.One example of this comes from a young type foundry that goes by the portmanteau of Animography. Their core philosophy comes from a simple question — why are typefaces static? From that nugget of inspiration, they’ve managed to create a handful of extremely impressive animated typefaces. That’s right, each and every glyph has been animated to life in the form of a downloadable After Effects project (you can see an example of this in the header image for this post). The results are extremely impressive and exciting. With a little bit of work you can add a layer of energy and life that would previously have taken a skilled animator at least a few hours. Couple this with a tiny bit of JavaScript (or even a well optimized gif), and you’ve got yourself a pretty awesome and attention-grabbing piece of type.Of course, people may write off things like Animography as cop-outs — quick presets that devalue custom animation. But how is this any different than choosing between hand-lettering and using a typeface? Both are definitely appropriate depending on the context and project requirements. Personally, I think we may be seeing a glimpse in to a more vibrant future for typography on the web.Only time will tell.

How Brands Can Leverage AI to Enhance Customer Experience

Reframing the Web: Your Site Isn’t a Destination. It’s an Experience Platform.

Team Highlight: Cassie Tangney

Outlandish Optimism at PRPL | International Design Day 2025

Unlocking the Power of Content Organization: Insights for Museums and Beyond

Team Highlight: Jeff Katipunan

PRPL and Museums: A Partnership Built on Creativity and Impact

Team Highlight: Maria Szlosek

Team Highlight: Vic Cao

Team Highlight: Jenn Hunter

Driving Innovation in Design Management: Strategies for Fostering Creativity

Team Highlight: Anibal Cruz

Mastering Leadership with SLANT: A Principle for Effective Engagement By Bobby Jones

Breaking Boundaries With Augmented Reality

Navigating the Replatforming Process: A Comprehensive Guide for a Smooth Transition

Team Highlight: April Domingo

Team Highlight: Chris Sell

Agency Partnerships: What’s In It For You

Upgrading from Drupal 9 to Drupal 10: A Step-By-Step Guide

Team Highlight: Francesca Parker

Navigating the Replatforming Process: A Comprehensive Guide for a Smooth Transition

Purple, Rock, Scissors Wins Web3 Awards, Including Two Golds

Purple, Rock, Scissors Wins Six ADDY® Awards, including Best of Show

Transforming User Experience through Augmented Reality

Purple, Rock, Scissors Tops Orlando Business Journal's Book of Lists

Transforming the Patient Experience: Purple, Rock, Scissors' Collaborative Partnership With AdventHealth

State of the Art: How AI is Influencing Design

8 Ways to Increase Museum Visits with Digital Experiences

Functional vs. Class-Based React

10 Components Your Museum Website Needs to Succeed

Staff Augmentation: Utilizing Digital Creative Agencies for Your Business Needs

Technical Insights: Integrating Your Health App with Epic EHR/EMR Systems

Remote work? Hybrid ? We prefer flexible.

Optimization Primed: How AI is Making Businesses More Efficient

Fit to Print: How AI is Improving Business Writing

Best Museum Websites to Inspire Your Next Redesign

PRPL Summit Weekend

Cam's Tips for Working Remote

Google Update: Core Web Vitals

CX Essentials: What the Customer Experience Can Teach You About Being a Better Brand

PRPL Playlist: Creative as Folk

Google Update: Mobile-First-Indexing for the Whole Web, and What it Means for Your Website & Business

Student Design Society: Apply for Our Summer 2019 Internship

PRPL Playlist: Hits from the Crypt

PRPL Playlist: Back 2 School

PRPL Playlist: 1nn0vate

Scientific Storytelling at the Field Museum

What To Do When a Project Is on Hold

Hard Rock + PRPL

What Organization Means to a Creative Person

PRPL Playlist: Artificial Inchilligence

PRPL Playlist: BBQ Bangers

Vote PRPL in SXSW's PanelPicker!

A Comprehensive Beginner’s Guide to Automating with Ansible

Launched: Lux Capital

We've Moved to Medium!

Spotlight: Chris Reath

Content Before Design: The Fall of Lorem Ipsum

PRPL Playlist

3-Pointers: Project Manager Advice

Spotlight: Rad Kalaf

Launched: LMG

What the Internet's New TLS 1.2 Encryption Standards Mean for You. Yes, You.

Let’s Talk About SaaS, Baby.

NASA’s IDEAS Project Update: Phase 1

Thinking and Designing with Components

3-Pointers: Stellar Style Guides

Launched: Stetson University

Put on Those Beer Goggles!

Polymer Web Components Tutorial

Battle of the Jams

What’s My Title, Again? A Case for Generalists in the Web Industry

3-Pointers: Boost Tweet Engagement

Myers Briggs for Businesses

More iBeacons, Please!

Launched: 3Cinteractive

Spotlight: Katie Bartlett

Mo' Data, Less Problems: Finding Value in Big Data

What the Heck is an Agency Partner?

Briefs: Renee on Why Devs Are Cranky

How We Scrapped Time Sheets

5 Reasons Why the Office Phone is Dead

Launched: Adventist University of Health Sciences

Why Changing Careers is Like Changing Your Pants

How to Build an App Using Meteor JS

Spotlight: Adam Bullinger

Experimenting with Meteor Development

Webinar: A Field Guide to Interaction Design

Landed: NASA Partnership

Gifn: Rise of the GIF Photobooth

Briefs: Mike on Value-based Billing & Profit

iSummit Conference & Ticket Giveaway

Briefs: Adam & Renee on Magento

Chasing Perfect Weather with Mullen & CSX

Developing With Vagrant Flavors

Need Some Space? Book Ours.

Spotlight: Alex King

Designer Merch Collection

10 Reasons to Offer Flexible Work Hours

Google I/O Fanboy Duel

Close

TEAM MEMBER

ABOUT

DevOps DevOps

ABOUT

Test title

Description 6

Corsair keel rope's end list Pieces of Eight lateen sail Arr gabion Yellow Jack belay. Arr rum provost lookout Barbary Coast Jack Ketch marooned list long boat belaying pin. Hands red ensign Brethren of the Coast deadlights yawl mizzenmast Sink me handsomely broadside capstan. Chase guns loot Nelsons folly Pieces of Eight Brethren of the Coast warp pinnace squiffy boom coxswain. Heave to Jolly Roger bilge water hardtack lateen sail Spanish Main quarterdeck trysail crow's nest Blimey. Pressgang fathom American Main Barbary Coast run a rig aye Sink me lad Jack Tar belay.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.