A Web Tool That Pairs Fonts With Perfect Chemistry.
A Web Tool That Pairs Fonts With Perfect Chemistry.
A Web Tool That Pairs Fonts With Perfect Chemistry.
A Web Tool That Pairs Fonts With Perfect Chemistry.
Overview
Overview
Background
Background
Self-initiated
Self-initiated
Duration
Duration
One month
One month
2025
2025
Role
Role
Research
Research
UX/UI design
UX/UI design
Introduction
Introduction
Typetandem is a self-initiated project focused on a typographic task that often challenges designers of all backgrounds: pairing typefaces efficiently without forgetting about aesthetics. While dedicated tools exist, little to none seem to offer real-time feedback, educational resources or anything else to support memory retention or active learning. With the Google Fonts library as its MVP,
Typetandem is a self-initiated project focused on a typographic task that often challenges designers of all backgrounds: pairing typefaces efficiently without forgetting about aesthetics. While dedicated tools exist, little to none seem to offer real-time feedback, educational resources or anything else to support memory retention or active learning. With the Google Fonts library as its MVP,
Typetandem targets the segment of designers who want to understand how typographic pairing works and how to apply it with intention. Features like real-time visual insights, introduced through a streamlined filtering system and supported by open-source bibliographic resources, form the project's backbone and represent its most distinctive features.
Typetandem targets the segment of designers who want to understand how typographic pairing works and how to apply it with intention. Features like real-time visual insights, introduced through a streamlined filtering system and supported by open-source bibliographic resources, form the project's backbone and represent its most distinctive features.
Typetandem is a self-initiated project focused on a typographic task that often challenges designers of all backgrounds: pairing typefaces efficiently without forgetting about aesthetics. While dedicated tools exist, little to none seem to offer real-time feedback, educational resources or anything else to support memory retention or active learning. With the Google Fonts library as its MVP, Typetandem targets the segment of designers who want to understand how typographic pairing works and how to apply it with intention. Features like real-time visual insights, introduced through a streamlined filtering system and supported by open-source bibliographic resources, form the project's backbone and represent its most distinctive features.
Prototype
Prototype
Getting started
Getting started
I got the idea while reflecting on how information-dense the study of a subject like typography can get and how all those rules influence visual communication systems ultimately making or breaking a project. I figured that must be why font pairing at times tends to feel tricky. In fact, while less is more tends to be the general consensus among designers—meaning one well-chosen, high-quality typeface is
I got the idea while reflecting on how information-dense the study of a subject like typography can get and how all those rules influence visual communication systems ultimately making or breaking a project. I figured that must be why font pairing at times tends to feel tricky. In fact, while less is more tends to be the general consensus among designers—meaning one well-chosen, high-quality typeface is
usually enough—there are plenty of situations where a second font is useful, if not necessary. If choosing a single typeface already involves nuance, pairing it with another introduces a whole new layer of complexity. I asked myself: how can I break this down? I started off by collecting data from a small, mixed group of designers, both students and professionals, to see how they approached existing pairing tools.
usually enough—there are plenty of situations where a second font is useful, if not necessary. If choosing a single typeface already involves nuance, pairing it with another introduces a whole new layer of complexity. I asked myself: how can I break this down? I started off by collecting data from a small, mixed group of designers, both students and professionals, to see how they approached existing pairing tools.
Research insights
Research insights
Almost half of the respondents uses some kind of font pairing tool or service weekly or daily
Adobe Fonts and its pairings feature is the most popular among respondents
Very few use the suggested pairings in their projects without first seeking for feedback or comparing them to real world examples
Almost half of the respondents uses some kind of font pairing tool or service weekly or daily
Adobe Fonts and its pairings feature is the most popular among respondents
Very few use the suggested pairings in their projects without first seeking for feedback or comparing them to real world examples
Many of the respondents said they would value the ability to adjust font pairings through a more in-depth filter system
More than half of the respondents would enjoy playing a game-like tool that encourages font-pairing practicing with a reward/point based system.
Many of the respondents said they would value the ability to adjust font pairings through a more in-depth filter system
More than half of the respondents would enjoy playing a game-like tool that encourages font-pairing practicing with a reward/point based system.
To summarize
To summarize
Design students and professionals often experience an incidental or indirect approach to font pairing, rarely a proactive one. Regardless how experienced they are, they’re not necessarily informed about how font pairing actually works, which prevents them from developing the skill to spot a perfect match.
Design students and professionals often experience an incidental or indirect approach to font pairing, rarely a proactive one. Regardless how experienced they are, they’re not necessarily informed about how font pairing actually works, which prevents them from developing the skill to spot a perfect match.
Kupferschmid's matrix
Kupferschmid's matrix
I continued my research by exploring ways to rationalize the art of pairing fonts harmoniously. That’s how I came across Indra Kupferschmid’s (a type designer and teacher from Germany) Font Pairing Matrix. It’s essentially a system for categorizing fonts based on more rigorous variables than those used by most typography
I continued my research by exploring ways to rationalize the art of pairing fonts harmoniously. That’s how I came across Indra Kupferschmid’s (a type designer and teacher from Germany) Font Pairing Matrix. It’s essentially a system for categorizing fonts based on more rigorous variables than those used by most typography
platforms. Terms like “Brush,” “Script,” or “Medieval,” just to name a few, are labels we’ve come to associate with certain typefaces, but many of us don’t realize how these can lead to an imprecise and biased understanding of how typography actually works. Kupferschmid's matrix can help with this. Here’s how it's structured:
platforms. Terms like “Brush,” “Script,” or “Medieval,” just to name a few, are labels we’ve come to associate with certain typefaces, but many of us don’t realize how these can lead to an imprecise and biased understanding of how typography actually works. Kupferschmid's matrix can help with this. Here’s how it's structured:
Kupferschmid's matrix
Kupferschmid's matrix
It's pretty simple: columns represent the three types of form model a typeface can fall into:
Dynamic, easy to spot because of the open apertures and tilted axis
Rational, with more closed apertures and a vertical axis
Geometric, which letterforms follow basic geometric shapes
It's pretty simple: columns represent the three types of form model a typeface can fall into:
Dynamic, easy to spot because of the open apertures and tilted axis
Rational, with more closed apertures and a vertical axis
Geometric, which letterforms follow basic geometric shapes
Kupferschmid's matrix
It's pretty simple: columns represent the three types of form model a typeface can fall into:
Dynamic, easy to spot because of the open apertures and tilted axis
Rational, with more closed apertures and a vertical axis
Geometric, which letterforms follow basic geometric shapes
Kupferschmid's matrix
Kupferschmid's matrix
Rows represent the four possible combinations of contrast and serifs a typeface can acquire:
Contrasting Sans, with a variable stroke and no serifs
Contrasting Serifs, with a variable stroke and serifs
Linear Sans, with consistent stroke and no serifs
Linear Serifs, with a consistent stroke and serifs
Rows represent the four possible combinations of contrast and serifs a typeface can acquire:
Contrasting Sans, with a variable stroke and no serifs
Contrasting Serifs, with a variable stroke and serifs
Linear Sans, with consistent stroke and no serifs
Linear Serifs, with a consistent stroke and serifs
Kupferschmid's matrix
Rows represent the four possible combinations of contrast and serifs a typeface can acquire:
Contrasting Sans, with a variable stroke and no serifs
Contrasting Serifs, with a variable stroke and serifs
Linear Sans, with consistent stroke and no serifs
Linear Serifs, with a consistent stroke and serifs
Kupferschmid's matrix
Kupferschmid's matrix
How Typetandem works
How Typetandem works
This video just showed how the matrix would be implemented into Typetandem. Right above it, two cards display close-ups of the typefaces’ letterforms—one for each font (in this case, the small caps “a” serves as a sample). This is one of the features that make Typetandem a more conscious way of learning typeface pairing. The Insights and Resources panel is another example of this. It appears each time a new pairing is generated, offering useful information about one or both typefaces,
or advice on how to use them together effectively in a design. This shifts the way users approach font pairing, and it’s something I started thinking about after tracing the user flows of the most common font pairing platforms. When it comes to this, there are mainly two types of font pairing services: those purposefully built for pairing (like the Monotype Font Pairing Generator), and those where pairing is more of a secondary feature (like Adobe Fonts).
This video just showed how the matrix would be implemented into Typetandem. Right above it, two cards display close-ups of the typefaces’ letterforms—one for each font (in this case, the small caps “a” serves as a sample). This is one of the features that make Typetandem a more conscious way of learning typeface pairing. The Insights and Resources panel is another example of this. It appears each time a new pairing is generated, offering useful information about one or both typefaces,
or advice on how to use them together effectively in a design. This shifts the way users approach font pairing, and it’s something I started thinking about after tracing the user flows of the most common font pairing platforms. When it comes to this, there are mainly two types of font pairing services: those purposefully built for pairing (like the Monotype Font Pairing Generator), and those where pairing is more of a secondary feature (like Adobe Fonts).
User flow: Adobe Fonts
User flow: Adobe Fonts
User flow: Monotype Generator
User flow: Monotype Generator
Wireframe
Wireframe
This wireframe shows the four main sections that make up Typetandem.
Top left: The pairing section, where the font matching happens.
Bottom left: The insights and resources section, where users can learn more about typography.
Center/right: The anatomy and Indra's Matrix section, which visually communicates why the pairing works.
Right: A panel where the user can filter either the main or the secondary typeface based on a few variables.
This wireframe shows the four main sections that make up Typetandem.
Top left: The pairing section, where the font matching happens.
Bottom left: The insights and resources section, where users can learn more about typography.
Center/right: The anatomy and Indra's Matrix section, which visually communicates why the pairing works.
Right: A panel where the user can filter either the main or the secondary typeface based on a few variables.
Concept
Concept
The tool's compound name is made up of "type" and "tandem." I decided to go with a pretty literal naming choice to create an initial association and develop a simple logo just for identification purposes and to give the UI some character. Other than a clear reference to dualism (can't ride a tandem alone!) to recall the concept of pairings and evoke complementarity, the name can also
be interpreted in its original Latin, time-related meaning ("at last," "finally"), which subtly reflects the struggle designers face when spending so much time searching for the perfect pair. I also considered using biking-related placeholder text to test pairings instead of the classical typographic sentence about the quick brown fox.
The tool's compound name is made up of "type" and "tandem." I decided to go with a pretty literal naming choice to create an initial association and develop a simple logo just for identification purposes and to give the UI some character. Other than a clear reference to dualism (can't ride a tandem alone!) to recall the concept of pairings and evoke complementarity, the name can also
be interpreted in its original Latin, time-related meaning ("at last," "finally"), which subtly reflects the struggle designers face when spending so much time searching for the perfect pair. I also considered using biking-related placeholder text to test pairings instead of the classical typographic sentence about the quick brown fox.
The tool's compound name is made up of "type" and "tandem." I decided to go with a pretty literal naming choice to create an initial association and develop a simple logo just for identification purposes and to give the UI some character. Other than a clear reference to dualism (can't ride a tandem alone!) to recall the concept of pairings and evoke complementarity, the name can also be interpreted in its original Latin, time-related meaning ("at last," "finally"), which subtly reflects the struggle designers face when spending so much time searching for the perfect pair. I also considered using biking-related placeholder text to test pairings instead of the classical typographic sentence about the quick brown fox.
Wireframe
This wireframe shows the four main sections that make up Typetandem.
Top left: The pairing section, where the font matching happens.
Bottom left: The insights and resources section, where users can learn more about typography.
Center/right: The anatomy and Indra's Matrix section, which visually communicates why the pairing works.
Right: A panel where the user can filter either the main or the secondary typeface based on a few variables.
VIsuals
VIsuals
Visually, Typetandem adopts a single typeface (a rational, linear sans-serif) in two main weights for rhythm and legibility, and labels main actions with a set of custom icons designed to harmoniously complement the typeface. It also relies on color in a strategic way. Since the matchings always consist of a main and a secondary typeface, two accent colors—a
Visually, Typetandem adopts a single typeface (a rational, linear sans-serif) in two main weights for rhythm and legibility, and labels main actions with a set of custom icons designed to harmoniously complement the typeface. It also relies on color in a strategic way. Since the matchings always consist of a main and a secondary typeface, two accent colors—a quasi-magenta and a vibrant
quasi-magenta and a vibrant emerald green—are employed hierarchically: the first labels both the respective typeface and the buttons' active state, while the second identifies the supporting typeface, making its presence much less prominent overall. This emerges, for example, in the tool's right panel, where the user can filter typefaces, as shown below.
emerald green—are employed hierarchically: the first labels both the respective typeface and the buttons' active state, while the second identifies the supporting typeface, making its presence much less prominent overall. This emerges, for example, in the tool's right panel, where the user can filter typefaces, as shown below.
Filter system
Filter system
First iteration and testing
First iteration and testing
To review the first prototype, I decided to experiment with a tool I was new to: an AI-powered online usability review. It definitely helped spot usability issues (such as improper or missing icon labeling), as well as more general inconsistencies throughout the layout which I then corrected. Plus, I added a dark theme to test the pairings in both conditions I found this evaluation method pretty helpful in paving the way for more in-depth testing with actual users later on.
To review the first prototype, I decided to experiment with a tool I was new to: an AI-powered online usability review. It definitely helped spot usability issues (such as improper or missing icon labeling), as well as more general inconsistencies throughout the layout which I then corrected. Plus, I added a dark theme to test the pairings in both conditions I found this evaluation method pretty helpful in paving the way for more in-depth testing with actual users later on.
Dark theme
Dark theme
Conclusion
Conclusion
Typetandem is fundamentally a personal exploration of a subject I’m genuinely interested about: creating tools that not only make us more efficient but also educate us on a process, revealing what happens behind the scenes. As AI continues to grow, we'll likely experience an increasing need for professionals with
Typetandem is fundamentally a personal exploration of a subject I’m genuinely interested about: creating tools that not only make us more efficient but also educate us on a process, revealing what happens behind the scenes. As AI continues to grow, we'll likely experience an increasing need for professionals with
strong visual skills and a solid understanding of the reasoning behind design choices. In this context, Typetandem could be a small but meaningful step toward fostering a new generation of more conscious, skilled, and hands-on designers who actually understand what’s happening, starting with typography.
strong visual skills and a solid understanding of the reasoning behind design choices. In this context, Typetandem could be a small but meaningful step toward fostering a new generation of more conscious, skilled, and hands-on designers who actually understand what’s happening, starting with typography.
Typetandem is fundamentally a personal exploration of a subject I’m genuinely interested about: creating tools that not only make us more efficient but also educate us on a process, revealing what happens behind the scenes. As AI continues to grow, we'll likely experience an increasing need for professionals with strong visual skills and a solid understanding of the reasoning behind design choices. In this context, Typetandem could be a small but meaningful step toward fostering a new generation of more conscious, skilled, and hands-on designers who actually understand what’s happening, starting with typography.
Next
Next
Psst—
Psst—
Let's keep in touch!
© 2025 Andrea Grilli
A Web Tool That Pairs Fonts With Perfect Chemistry.
A Web Tool That Pairs Fonts With Perfect Chemistry.
A Web Tool That Pairs Fonts With Perfect Chemistry.
Overview
Background
Self-initiated
Duration
One month
2025
Role
Research
UX/UI design
Introduction
Typetandem is a self-initiated project focused on a typographic task that often challenges designers of all backgrounds: pairing typefaces efficiently without forgetting about aesthetics. While dedicated tools exist, little to none seem to offer real-time feedback, educational resources or anything else to support memory retention or active learning. With the Google Fonts library as its MVP,
Typetandem targets the segment of designers who want to understand how typographic pairing works and how to apply it with intention. Features like real-time visual insights, introduced through a streamlined filtering system and supported by open-source bibliographic resources, form the project's backbone and represent its most distinctive features.
Typetandem is a self-initiated project focused on a typographic task that often challenges designers of all backgrounds: pairing typefaces efficiently without forgetting about aesthetics. While dedicated tools exist, little to none seem to offer real-time feedback, educational resources or anything else to support memory retention or active learning. With the Google Fonts library as its MVP, Typetandem targets the segment of designers who want to understand how typographic pairing works and how to apply it with intention. Features like real-time visual insights, introduced through a streamlined filtering system and supported by open-source bibliographic resources, form the project's backbone and represent its most distinctive features.
Prototype
Getting started
I got the idea while reflecting on how information-dense the study of a subject like typography can get and how all those rules influence visual communication systems ultimately making or breaking a project. I figured that must be why font pairing at times tends to feel tricky. In fact, while less is more tends to be the general consensus among designers—meaning one well-chosen, high-quality typeface is usually enough—there are plenty of situations where a second font is useful, if not necessary. If choosing a single typeface already involves nuance, pairing it with another introduces a whole new layer of complexity. I asked myself: how can I break this down? I started off by collecting data from a small, mixed group of designers, both students and professionals, to see how they approached existing pairing tools.
usually enough—there are plenty of situations where a second font is useful, if not necessary. If choosing a single typeface already involves nuance, pairing it with another introduces a whole new layer of complexity. I asked myself: how can I break this down? I started off by collecting data from a small, mixed group of designers, both students and professionals, to see how they approached existing pairing tools.
Research insights
Almost half of the respondents uses some kind of font pairing tool or service weekly or daily
Adobe Fonts and its pairings feature is the most popular among respondents
Very few use the suggested pairings in their projects without first seeking for feedback or comparing them to real world examples
Many of the respondents said they would value the ability to adjust font pairings through a more in-depth filter system
More than half of the respondents would enjoy playing a game-like tool that encourages font-pairing practicing with a reward/point based system.
Many of the respondents said they would value the ability to adjust font pairings through a more in-depth filter system
More than half of the respondents would enjoy playing a game-like tool that encourages font-pairing practicing with a reward/point based system.
To summarize
Design students and professionals often experience an incidental or indirect approach to font pairing, rarely a proactive one. Regardless how experienced they are, they’re not necessarily informed about how font pairing actually works, which prevents them from developing the skill to spot a perfect match.
Kupferschmid's matrix
I continued my research by exploring ways to rationalize the art of pairing fonts harmoniously. That’s how I came across Indra Kupferschmid’s (a type designer and teacher from Germany) Font Pairing Matrix. It’s essentially a system for categorizing fonts based on more rigorous variables than those used by most typography
I continued my research by exploring ways to rationalize the art of pairing fonts harmoniously. That’s how I came across Indra Kupferschmid’s (a type designer and teacher from Germany) Font Pairing Matrix. It’s essentially a system for categorizing fonts based on more rigorous variables than those used by most typography platforms. Terms like “Brush,” “Script,” or “Medieval,” just to name a few, are labels we’ve come to associate with certain typefaces, but many of us don’t realize how these can lead to an imprecise and biased understanding of how typography actually works. Kupferschmid's matrix can help with this. Here’s how it's structured:
Kupferschmid's matrix
It's pretty simple: columns represent the three types of form model a typeface can fall into:
Dynamic, easy to spot because of the open apertures and tilted axis
Rational, with more closed apertures and a vertical axis
Geometric, which letterforms follow basic geometric shapes
Kupferschmid's matrix
It's pretty simple: columns represent the three types of form model a typeface can fall into:
Dynamic, easy to spot because of the open apertures and tilted axis
Rational, with more closed apertures and a vertical axis
Geometric, which letterforms follow basic geometric shapes
Kupferschmid's matrix
Rows represent the four possible combinations of contrast and serifs a typeface can acquire:
Contrasting Sans, with a variable stroke and no serifs
Contrasting Serifs, with a variable stroke and serifs
Linear Sans, with consistent stroke and no serifs
Linear Serifs, with a consistent stroke and serifs
Kupferschmid's matrix
Rows represent the four possible combinations of contrast and serifs a typeface can acquire:
Contrasting Sans, with a variable stroke and no serifs
Contrasting Serifs, with a variable stroke and serifs
Linear Sans, with consistent stroke and no serifs
Linear Serifs, with a consistent stroke and serifs
Kupferschmid's matrix
How Typetandem works
This video just showed how the matrix would be implemented into Typetandem. Right above it, two cards display close-ups of the typefaces’ letterforms—one for each font (in this case, the small caps “a” serves as a sample). This is one of the features that make Typetandem a more conscious way of learning typeface pairing. The Insights and Resources panel is another example of this. It appears each time a new pairing is generated, offering useful information about one or both typefaces, or advice on how to use them together effectively in a design. This shifts the way users approach font pairing, and it’s something I started thinking about after tracing the user flows of the most common font pairing platforms. When it comes to this, there are mainly two types of font pairing services: those purposefully built for pairing (like the Monotype Font Pairing Generator), and those where pairing is more of a secondary feature (like Adobe Fonts).
or advice on how to use them together effectively in a design. This shifts the way users approach font pairing, and it’s something I started thinking about after tracing the user flows of the most common font pairing platforms. When it comes to this, there are mainly two types of font pairing services: those purposefully built for pairing (like the Monotype Font Pairing Generator), and those where pairing is more of a secondary feature (like Adobe Fonts).
or advice on how to use them together effectively in a design. This shifts the way users approach font pairing, and it’s something I started thinking about after tracing the user flows of the most common font pairing platforms. When it comes to this, there are mainly two types of font pairing services: those purposefully built for pairing (like the Monotype Font Pairing Generator), and those where pairing is more of a secondary feature (like Adobe Fonts).
User flow: Adobe Fonts
User flow: Monotype Generator
Wireframe
This wireframe shows the four main sections that make up Typetandem.
Top left: The pairing section, where the font matching happens.
Bottom left: The insights and resources section, where users can learn more about typography.
Center/right: The anatomy and Indra's Matrix section, which visually communicates why the pairing works.
Right: A panel where the user can filter either the main or the secondary typeface based on a few variables.
Concept
The tool's compound name is made up of "type" and "tandem." I decided to go with a pretty literal naming choice to create an initial association and develop a simple logo just for identification purposes and to give the UI some character. Other than a clear reference to dualism (can't ride a tandem alone!) to recall the concept of pairings and evoke complementarity, the name can also
be interpreted in its original Latin, time-related meaning ("at last," "finally"), which subtly reflects the struggle designers face when spending so much time searching for the perfect pair. I also considered using biking-related placeholder text to test pairings instead of the classical typographic sentence about the quick brown fox.
The tool's compound name is made up of "type" and "tandem." I decided to go with a pretty literal naming choice to create an initial association and develop a simple logo just for identification purposes and to give the UI some character. Other than a clear reference to dualism (can't ride a tandem alone!) to recall the concept of pairings and evoke complementarity, the name can also
be interpreted in its original Latin, time-related meaning ("at last," "finally"), which subtly reflects the struggle designers face when spending so much time searching for the perfect pair. I also considered using biking-related placeholder text to test pairings instead of the classical typographic sentence about the quick brown fox.
The tool's compound name is made up of "type" and "tandem." I decided to go with a pretty literal naming choice to create an initial association and develop a simple logo just for identification purposes and to give the UI some character. Other than a clear reference to dualism (can't ride a tandem alone!) to recall the concept of pairings and evoke complementarity, the name can also be interpreted in its original Latin, time-related meaning ("at last," "finally"), which subtly reflects the struggle designers face when spending so much time searching for the perfect pair. I also considered using biking-related placeholder text to test pairings instead of the classical typographic sentence about the quick brown fox.
Wireframe
This wireframe shows the four main sections that make up Typetandem.
Top left: The pairing section, where the font matching happens.
Bottom left: The insights and resources section, where users can learn more about typography.
Center/right: The anatomy and Indra's Matrix section, which visually communicates why the pairing works.
Right: A panel where the user can filter either the main or the secondary typeface based on a few variables.
VIsuals
Visually, Typetandem adopts a single typeface (a rational, linear sans-serif) in two main weights for rhythm and legibility, and labels main actions with a set of custom icons designed to harmoniously complement the typeface. It also relies on color in a strategic way. Since the matchings always consist of a main and a secondary typeface, two accent colors—a
Visually, Typetandem adopts a single typeface (a rational, linear sans-serif) in two main weights for rhythm and legibility, and labels main actions with a set of custom icons designed to harmoniously complement the typeface. It also relies on color in a strategic way. Since the matchings always consist of a main and a secondary typeface, two accent colors—a quasi-magenta and a vibrant emerald green—are employed hierarchically: the first labels both the respective typeface and the buttons' active state, while the second identifies the supporting typeface, making its presence much less prominent overall. This emerges, for example, in the tool's right panel, where the user can filter typefaces, as shown below.
Filter system
First iteration and testing
To review the first prototype, I decided to experiment with a tool I was new to: an AI-powered online usability review. It definitely helped spot usability issues (such as improper or missing icon labeling), as well as more general inconsistencies throughout the layout which I then corrected. Plus, I added a dark theme to test the pairings in both conditions I found this evaluation method pretty helpful in paving the way for more in-depth testing with actual users later on.
Dark theme
Conclusion
Typetandem is fundamentally a personal exploration of a subject I’m genuinely interested about: creating tools that not only make us more efficient but also educate us on a process, revealing what happens behind the scenes. As AI continues to grow, we'll likely experience an increasing need for professionals with
strong visual skills and a solid understanding of the reasoning behind design choices. In this context, Typetandem could be a small but meaningful step toward fostering a new generation of more conscious, skilled, and hands-on designers who actually understand what’s happening, starting with typography.
Typetandem is fundamentally a personal exploration of a subject I’m genuinely interested about: creating tools that not only make us more efficient but also educate us on a process, revealing what happens behind the scenes. As AI continues to grow, we'll likely experience an increasing need for professionals with strong visual skills and a solid understanding of the reasoning behind design choices. In this context, Typetandem could be a small but meaningful step toward fostering a new generation of more conscious, skilled, and hands-on designers who actually understand what’s happening, starting with typography.
Next
Psst—
Let's keep in touch!
© 2025 Andrea Grilli