Intermediate Course Brand new!

Experimental Typography For The Web

Learn how to work with variable fonts + how to create kinetic typographic animations for websites on this creative, go-at-your-own-pace course. In this 6-hour, flexible course, SuperHi has produced a series of projects all about getting weird with type.

You'll learn how to add variable fonts to your websites, plus how to animate and make them interactive. You'll also work with P5.js, a Javascript library for creative coding, to bend and mould typography.

You'll also create your very own kinetic typography animations from scratch, be able to add them to websites and make them user-interactive.

Read more

Start learning today!

Save money if bought as part of a bundle!

What you'll learn

How to add variable typography to websites and change it

How to add CSS animations and transitions to web type

Working with P5.js within an in-browser canvas, even if you've never coded before

How to think about and create your own kinetic typography animations from scratch

How to let your users change and interact with your beautiful kinetic type animations

How to break apart typography into its base components to rework it completely

Here’s how we’re different...

Support that actually helps.

Forever-access to our online Slack community of creative students from around the world, learning to code together, plus a Q+A section on every page. With our team based worldwide, we can support you whether you're coding early in the morning or late at night.

Real-world projects you'll want to create and remix.

Our course is practical, unlike other programs that take forever before you make your first real-world project. We care about design and focus on creative industries — it's not a computer science lecture, you're learning to make projects you'd want to make.

Structured, and flexible.

Our course is set-up to deliver real projects — no bullshit! — and we designed it so it’s totally flexible. While you can learn at your own pace, we’ll be here to guide you through-out your learning.

Design focused.

You don't need to be creative to take our courses, but everything we do is focused on making beautiful sites you actually want to make. This isn't your average online school — we focus on the practical aspect of learning.

Who is the course for?

Anyone who wants to learn how to work with variable typography or create their own interactive, kinetic typography from scratch.

This is a beginner course when it comes to page transitions, though we would recommend basic knowledge of HTML, CSS, and a bit of Javascript before starting. If you don’t have this just yet, trying our Learn To Code Now book, or taking either our Foundation HTML, CSS + JS course or our Javascript for Designers course will help you feel as prepared as possible.

What do I need?

A computer (Windows, Mac or Linux) with the latest version of Chrome installed and a broadband internet connection. That’s it!

Everything you need to build a website from scratch…

Introducing the SuperHi Editor — an intelligent code editor, designed to make coding easier.

At SuperHi, not only do we teach people how to code. We design and create products that rethink how people should code.

The SuperHi Editor is a code editor, designed from scratch, that hosts all your files in one place and publishes your sites to the web with the click of a button. Get quick tips like spellcheck and color selection while you type. Any questions? Ask Wilson, our AI-powered assistant, and get answers right in the editor.

Start learning today!

Save money if bought as part of a bundle!

Our students work at…

Start today!

This course is self-paced and you get all the lessons as soon as you sign up

Join thousands of students from over 90 countries and in 16 time zones worldwide also learning with SuperHi.

Get this course in a bundle

Courses are better together! Get more bounce for your ounce with our recommended bundles.

Want a custom bundle?

View all of our bundles or message us with the courses you're interested in!

Design + Web Type Bundle

Love design, typography and code and want to learn it properly? This is the perfect starter pack.

Want a custom bundle?

View all of our bundles or message us with the courses you're interested in!

Meet your instructors

Our non-nerdy instructors have decades of professional experience, spoken at international conferences and have won countless web design awards.

Rik Lomas

Rik Lomas

Rik is the founder and CEO of SuperHi, previously co-founder of code school Steer and first instructor at General Assembly London. He has taught several thousand people over the last 8 years.

Jake Brussel Faria

Jake Brussel Faria

Jake is a New York-based designer and coder at multi-disciplinary agency Virtually Real and was previously a content creator as part of the lovely SuperHi team.

...and Wilson

Wilson is our artificially intelligent helper. Ask him anything. He doesn't have any social media profiles but one day he will run the company.