Variable Font Poster Tool

Design tool for generating typographic posters and animations

Year
2022
Client
In-house art division of a tech company
Tech
TypeScript, React, OpenType, Variable Fonts
Collaborators
Bernd Volmer
Credits
Typeface, UI design:Bernd Volmer

The tool

Designed for the creation of digital “posters”, this tool enables users to easily craft simple typographic compositions with variable fonts. It supports static exports in both image and PDF formats. In addition to that, it allows for dynamic animations of variable font axes, and also provides a set of animated graphic effects to choose from. The software offers video export functionality for animated compositions.

Challenges

What is notable is that due to the technical requirements of the client the project could not use any server-side code. Therefore everything, including PDF and video generation, is done entirely in the browser.

Related projects
Arts & Culture
Parametric typeface generator tool as part of a visual identity system
All projects
Arts & Culture
Variable Font Poster Tool
Design tool for generating typographic posters and animations
Arts & Culture
Interactive timeline exhibit for a city archive
Arts & Culture
Interactive archive of the activities of a Master’s programme
Arts & Culture
Data analysis and visualizations of one year worth of photos
Public Interest
User-driven online propaganda tool on the topic of net neutrality
Applied
Tools for analyzing, visualizing, and comparing formal characteristics of movies
Commercial
Type foundry website with integrated online store
Commercial
Web application for effective management and customization of legal document templates
Arts & Culture
macOS screensaver for collectors of Orb (lite) NFTs by Harm van den Dorpel
Arts & Culture
Web3 site for minting NFTs continuously generated by a live art installation
Commercial
Website that lets users virtually place the product into their physical surroundings
Commercial
Configuration and content scheduling tool for a generative media installation
Applied
Finger tracking tool
Commercial
Configuration backend for an interactive in-store media installation
Commercial
Point-of-sale software for opticians to help customers choose the right lenses
Commercial
Bespoke website for the release of the Logical typeface by Edgar Walthert
Arts & Culture
Interactive animation for a music festival announcement page
Commercial
Website for a graphic design studio
Arts & Culture
Independent music publishing and streaming platform
Arts & Culture
Parametric typeface generator tool as part of a visual identity system
Public Interest
Graphical modelling tool for describing attack scenarios