{"id":4850,"date":"2026-04-12T00:55:44","date_gmt":"2026-04-11T16:55:44","guid":{"rendered":"https:\/\/lupinvisual.com\/?p=4850"},"modified":"2026-04-13T01:13:48","modified_gmt":"2026-04-12T17:13:48","slug":"typography-trends-handcraft-variable-font","status":"publish","type":"post","link":"https:\/\/lupinvisual.com\/en\/blog\/typography-trends-handcraft-variable-font\/","title":{"rendered":"Typography Trends 2026: The Two Ways of Manual Sense and Dynamic Fonts"},"content":{"rendered":"
Fonts are ostensibly a choice of tools, but in reality they have always been a reflection of the collective state of a certain era.\n\nBefore and after 2026, the field has been going in two directions at once. One is toward a sense of craftsmanship, historical materials, imperfect textures, collages, inks, photocopier noise, and a deliberate attempt to show that \"this is a trace of human production. The other is towards dynamism, technology, and instant response, where the font moves, breathes, and interacts with the user's behavior.<\/code><\/pre>\n\n\n\n
The road to craftsmanship.<\/h2>\n\n\n\n
I had a class on contemporary design trends in graduate school and needed to find a non-Taiwanese country to do research on. I thought about it and chose Poland because of Witcher 3 (my favorite). In the process of researching, I found Ola Niepsuj, a Warsaw-based designer and illustrator.<\/p>\n\n\n\n
At the first sight, her works are interesting and relaxing with a sense of childishness.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
<\/p>\n\n\n\n
She works with pencil, ink, scissors, and a photocopier. She copies the fonts from old magazines, old postcards, and second-hand books, enlarges them, and puts them back into the picture. Printing runs, inaccurate colors, and crooked alignment are not mistakes in her works, but the materials themselves. The source of the fonts is specific and has a history, and it is obvious where they were dug up from.<\/p>\n\n\n\n
\n
\n
In addition to that, the way she handles humor. It's not intentionally funny, it's a self-deprecating and lighthearted attitude, mixed with serious composition and layout, which always makes you smile. (Maybe it's the Polish people's innate black humor, the plot of The Witcher 3 also has such a tone.)<\/p>\n<\/div>\n\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n\n
charity partyposter for Japan, photo: courtesy of the artist (Copyright \u00a9 Ola Niepsuj )<\/p>\n<\/div>\n<\/div>\n\n\n\n
Ola Niepsuj designed it in the same way as what is now called theEphemera-inspired typography <\/strong><\/mark>The trend highly overlaps.
Fonts should have a provenance, images should show the history of the material, and imperfections are part of the design, not flaws that need to be fixed.<\/p>\n\n\n\n
Ephemera is a collection of print materials that are used and discarded, such as ticket stubs, flyers, old packages, and postcards. The designers started to dig out the inspiration for the font from these materials, not by using \"vintage style\" font simulations, but by actually looking for the original materials. When Vincent Howcutt, another designer, was working on his brand identity, he went to an antique store and found old seed packages from the 1930s, and he also searched the British library collection to find the direction of those original fonts.<\/p>\n\n\n\n
The two approaches are not quite the same, but the direction is the same: the font has to have a provenance, and it can't just come out of thin air.<\/p>\n\n\n\n
Behind this is a larger intention to deliberately introduce a sense of friction into the work: noise, scanned textures, typographical errors, handwritten irregularities. These things, originally seen as things to be fixed, are now part of the style.<\/p>\n\n\n\n
In the history of art, there is always a reaction: what is popular in one generation, the next generation will always do the opposite.
Nowadays, technology has made the world we see more and more consistent, and human designers have expressed this with deliberate imperfections. It's like shouting, \"This is what humans produce!\"<\/p>\n\n\n\n
Dynamic Fonts This Way<\/h2>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
The other side goes in a completely different direction.<\/p>\n\n\n\n
The thrust of the technical surface is variable font<\/mark>.. One font file contains all the variations from small to bold, from narrow to wide. What used to take multiple static font files to do is now possible with a single file. It's only in the last few years that experimental options have gone from being an experimental option to being a regular tool in pioneer brands and large-scale recognition systems.<\/p>\n\n\n\n
Fonts are flexible, not bouncing between a few presets, but a continuous axis. Want it a bit thicker than Regular but not as heavy as Bold? Just pull the slider to the center. What you couldn't do before is now basic. With program control, fonts can even change in real time with screen size or user interaction, but that's a matter for the development side, so the design side should just use the flexibility first. (This alone is much better than before!)<\/p>\n\n\n\n
Practically used in brand design, COLLINS helped Bose to make a recognition system, extending the shape of the lever in the 1960's hand-drawn logo into a whole set of visual language, with a color system based on musical scales and dynamic behaviors, so that the typeface itself is visualized in the physical sense of sound, and Studio Dumbar helped OutSystems to make the Next Step campaign recognition, which rotates, cuts, and flows like a flag. The kinetic type is the backbone of the system, as the font rotates, cuts, and flows like a flag in motion. Both cases are not purely driven by variable font, variable font is one of the techniques to make the transition of font weights subtle and continuous, breaking the sense of disconnection between traditional font weights.<\/p>\n\n\n\n
\nhttps:\/\/vimeo.com\/1023215159?fl=pl&fe=sh\n<\/div>
Collins: Bose (Copyright \u00a9 Collins, 2024)<\/figcaption><\/figure>\n\n\n\n
Another often overlooked benefit of variable fonts is at the system level. A brand can use the same font family to support its logo, headline, text, and dashboard, with different thicknesses and widths for different occasions, but the whole set of visuals is still unified. Fonts are no longer an independent choice, but a more flexible system.<\/p>\n\n\n\n
When everything starts to grow the same.<\/h2>\n\n\n\n
AI has been generating more and more design content over the years, and the images are getting smoother, more flawless, more precise, and then more and more alike.
It looks good at first glance, but after looking at it for a long time you start to feel that every picture is pretty much the same, with no obvious flaws or distinct personalities.<\/p>\n\n\n\n
Although the tool has become more useful and faster to generate, but if the use of the way or according to the previous habits, give a prompt, accept the first result, out of the model is the average value learned. It's not particularly bad, and it doesn't have its own style. After all, we have to find a way to get out of this predicament.<\/p>\n\n\n\n
For example, I usually use boldface for most of my work.
The reason for this is that the presentation needs to be clearly visible, and black is stable, easy to read and error free; this is a reasonable and safe choice.<\/p>\n\n\n\n
But if the entire visual language of the industry starts to converge in the same place for the sake of safety, that's another headache.<\/p>\n\n\n\n
Font selection is a position<\/h2>\n\n\n\n
The handmade sense is to leave traces, while the dynamic font is to let the text interact with the user. They are different, but both are trying to solve the problem of homogenization and mediocrity in this era.<\/p>\n\n\n\n
Of course, the choice of fonts is only a small aspect. For example, the interesting thing about Ola Niepsuj's work is not only her technique, but also the self-characteristics she expresses with her fonts and collages, which have both stance and humor, and it is obvious that they are made by a specific person. This \"who-did-it\" has become rarer than ever before at this point in time.<\/p>\n\n\n\n
But honestly, I'm still trying to figure out what I can do to make myself more unique...it's a big question.<\/p>\n\n\n\n
Frequently Asked Questions (FAQ)<\/h2>\n\n\n
\t\t\t\n\t\t\t\t\t\t\t\t<\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\tQ: What is variable font and why do I hear it so often these days?<\/strong><\/span><\/div>
A: General font is fixed, Regular is Regular, Bold is Bold. Variable font puts all the changes in the same file, character weight, width of these parameters can be adjusted continuously with the slider, rather than jumping between a few preset values. Instead of jumping between a few preset values, what used to require loading five font files is now enough for one file. The reason for its recent popularity is that it has both technical and visual benefits, and the digital design community has almost turned it from \"optional\" to \"standard\" in the last few years.<\/p><\/div><\/div>
\t\t\t\n\t\t\t\t\t\t\t\t<\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\tQ: What does ephemera-inspired typography mean?<\/strong><\/span><\/div>
A: Ephemera is printed material that was never intended to survive, ticket stubs, old packages, postcards. The style is to really dig into these historical materials to find inspiration for the fonts, rather than using ready-made vintage fonts to simulate them. This is the core concept that the fonts should have a history.<\/p><\/div><\/div>
\t\t\t\n\t\t\t\t\t\t\t\t<\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\tQ\uff1aCan I use manual and variable font at the same time?<\/strong><\/strong><\/span><\/div>
A: Yes, and there are designers doing it now. Using AI and tech tools to produce raw material, and then deliberately introducing the imperfections and friction of the handmade. Half machine, half handmade, so that people can see who made it, this tension is the style itself.<\/p><\/div><\/div>
\t\t\t\n\t\t\t\t\t\t\t\t<\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\tQ: Where can I see Ola Niepsuj's work?<\/span><\/div>
A: She has a portfolio on Behance and her personal website olaniepsuj.com is well organized. The Polish design scene as a whole is worth digging into, and she's just one entry point.<\/p><\/div><\/div>
\t\t\t\n\t\t\t\t\t\t\t\t<\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\tQ: Has the logic of font selection changed in the AI era?<\/strong><\/span><\/div>
A: The tools have gotten faster, but you still have to make your own judgment. If you use AI to generate a visual and then take it all in, what you get is the average, not particularly bad and not particularly yours. Font selection is one of the smallest decisions, but the smallest decisions add up to a difference in style that can't be recognized.<\/p><\/div><\/div><\/div>\n\n\n
<\/p>","protected":false},"excerpt":{"rendered":"
In 2026 typography is going in two directions: collage, typographic textures, and a handmade sense of history, and the flexible font system that comes with variable font. Looking at Ola Niepsuj's work and a few brand examples, we see what these two paths are responding to.<\/p>","protected":false},"author":1,"featured_media":4881,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_mo_disable_npp":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":"typography","rank_math_robots":"","rank_math_canonical_url":"","footnotes":""},"categories":[36],"tags":[71,91,90,89],"class_list":["post-4850","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-management","tag-typography","tag-variable-font","tag-90","tag-89"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2026\/04\/kelly-sikkema-IkHwu5xLXxs-unsplash.jpg",2048,1363,false],"thumbnail":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2026\/04\/kelly-sikkema-IkHwu5xLXxs-unsplash-150x150.jpg",150,150,true],"medium":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2026\/04\/kelly-sikkema-IkHwu5xLXxs-unsplash-300x200.jpg",300,200,true],"medium_large":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2026\/04\/kelly-sikkema-IkHwu5xLXxs-unsplash-768x511.jpg",768,511,true],"large":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2026\/04\/kelly-sikkema-IkHwu5xLXxs-unsplash-1024x682.jpg",1024,682,true],"1536x1536":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2026\/04\/kelly-sikkema-IkHwu5xLXxs-unsplash-1536x1022.jpg",1536,1022,true],"2048x2048":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2026\/04\/kelly-sikkema-IkHwu5xLXxs-unsplash.jpg",2048,1363,false],"trp-custom-language-flag":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2026\/04\/kelly-sikkema-IkHwu5xLXxs-unsplash-18x12.jpg",18,12,true]},"uagb_author_info":{"display_name":"lupin","author_link":"https:\/\/lupinvisual.com\/en\/author\/lupinart1008gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"2026 \u5e74 typography \u6b63\u5728\u8d70\u5169\u500b\u65b9\u5411\uff0c\u4e00\u908a\u662f\u62fc\u8cbc\u3001\u5370\u5237\u8cea\u611f\u3001\u6709\u6b77\u53f2\u4f86\u6e90\u7684\u624b\u5de5\u611f\uff0c\u4e00\u908a\u662f vari…","_links":{"self":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts\/4850","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/comments?post=4850"}],"version-history":[{"count":83,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts\/4850\/revisions"}],"predecessor-version":[{"id":5074,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts\/4850\/revisions\/5074"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/media\/4881"}],"wp:attachment":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/media?parent=4850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/categories?post=4850"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/tags?post=4850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}