With an eye for complex systems, I am focusing on graphic design, type design & public-good design — let's find out more…

Collaboration with Naturfyt Bio started in 2018 when we worked on the navigation system and interior design for a new factory building — and we returned in 2021 for the full-scale rebranding of the visual identity. Identity for Naturfyt Bio should be modest (almost default), focusing on the maximum compatibility across a wide range of platforms that this company uses in daily practice (to communicate with their clients). The main identity archetypes became the color yellow (initially chosen for the interior of the hall — the so-called “factory yellow”), a black-and-white, hand-drawn illustration inspired by science and nature (micro/macro worlds), and the default font Arial. All components are covered by the default graphic editing with a focus on the ability to manage most of the graphic outputs within the company. For two years, we worked on a new website and various presentation materials (such as prints, digital documents, packaging, identity manual, and many more).  

The new visual identity for Apache Bikes* is based on solid/expressive typography (header custom lettering / later designed as full-scale font, called Speed Grotesk typeface), minimalist layout, and illustration. The header lettering has three styles that differ in slant and weight. This differentiation is based on dividing bikes according to the route’s difficulty (slope of the landscape and speed) into three categories — Cities / Roads / Mountains. The greater the difficulty, the greater the slant and weight of the style. From an almost invisible slanted Light (Cities) to an extremely slanted Black (Mountains). Also, each style has two variants of italics (left and right italics), used separately for each side of the bike and thus perfectly quote movement direction.

The new visual identity for Apache Bikes* is based on solid/expressive typography (header custom lettering / later designed as full-scale font, called Speed Grotesk typeface), minimalist layout, and illustration. The header lettering has three styles that differ in slant and weight. This differentiation is based on dividing bikes according to the route’s difficulty (slope of the landscape and speed) into three categories — Cities / Roads / Mountains. The greater the difficulty, the greater the slant and weight of the style. From an almost invisible slanted Light (Cities) to an extremely slanted Black (Mountains). Also, each style has two variants of italics (left and right italics), used separately for each side of the bike and thus perfectly quote movement direction.

*As part of the collaboration on the company’s new identity, we also tried to appeal for a change of the company’s name, unfortunately without success (You can find more information about the issue of using names based on the heritage of Native Americans here, for example).

The book version of the original Expats lectures in CAMP is based on the most current form of CAMP’s visual identity, primarily following the design of the new institution’s website. The design of the book thus confirms that we have reached a time when printed media can naturally be inspired/based on the form of online media and practices in UI/UX design. The book’s design is primarily based on practicality/purpose of use — small format, distinctly rounded corners, laminate on the cover — everything is intended to ensure easy carrying of the book and comfortable reading, for example, even when you travel in public transport. The text/image content is separated from each other (on each page) separately and linked back using numbered tags — finding images becomes a game, or you can skip the pictures entirely and focus only on the text. The individual chapters in the book are divided using cards (a popular UX component), which are also shown on the back of the cover. The book’s design is ready to be utilized as a template for the subsequent planned editions.

The identity and navigation system for the Emmaus Abbey relies primarily on one word: Modesty, which follows the Benedictine motto “Pray and work” (Ora et labora). What’s more humble in the world of graphic design than the imperfect/default font everyone has on their computer, last exported in the 1990s? We chose the Arial font as a starting point, which was (for both identity and navigation purposes) supplemented/improved with a small package of new symbols. The entire identity and navigation are then practically/only typographic. It sticks to the default graphic editing and Markup language options. More than little effort was also given to the option of internal maintenance of the navigation system so that most outputs can be replaced by the client, only with the help of a standard A4* desktop printer.

The identity and navigation system for the Emmaus Abbey relies primarily on one word: Modesty, which follows the Benedictine motto “Pray and work” (Ora et labora). What’s more humble in the world of graphic design than the imperfect/default font everyone has on their computer, last exported in the 1990s? We chose the Arial font as a starting point, which was (for both identity and navigation purposes) supplemented/improved with a small package of new symbols. The entire identity and navigation are then practically/only typographic. It sticks to the default graphic editing and Markup language options. More than little effort was also given to the option of internal maintenance of the navigation system so that most outputs can be replaced by the client, only with the help of a standard A4* desktop printer.

*However, this concept still needs some fixes to work as perfectly as we would like. Finally (for some specific parts) of the navigation, we prepared a more complex system, which must be edited by a professional designer and made in the printing house.

In the Laboratory studio, I had the opportunity to redesign the identity of the mmcité, a company producing high-quality street furniture. Instead of radically transforming the entire brand, I decided on a “rational revision/update” of the current state and development of the logotype & identity. For the main logotype, I made (just) precision typographical changes and touches — the same way I continued in all its variants (mainly, I deal with change of cuts, redrawing of diacritics, and change of metrics/kerning). As part of the identity revision, I choose new additional fonts. Another change was the improvement of color — the corporate Pantone neon orange I synchronized with the web colorspaces such as RGB/HEC — the principles of CMYK color selection were also improved). In detail, I focus on the rules of layout application and the system of working with the logotype, images, and illustrations. Finally, I designed a pack of new pictograms plus prepared and supervised the implementation of a new identity for the latest company’s website.

For two years, I had the opportunity to develop UI/UX mobile applications for the board version of the infamous PC game Kingdome Come Deliverance — Kingdome Come: The Board Game — in a team of 17 people. It should be a unique way of incorporating a mobile application into a board game when most of the attention remains on its physical components. The aim of the application was thus to expand the story possibilities of board games. Regarding the UI/UX of the application, I focused on the most balanced ratio between keeping the game’s atmosphere inside the application and the effortless orientation/readability of the functional elements. There was a combination of minimalistic/default design of the application elements, supplemented with a distinctive typography (Creatura font) that “wrapped” all the “story components.” I created three unique application versions and countless iterations during the entire development. Unfortunately, this board game was finally not released due to high production costs (lack of funding). The whole project is thus not yet implemented (the project is on hold).

We developed four proposals for the navigation of the new Umprum technology center. In 2017, as students and as a part of school assignment. In 2018, school administrators requested us to develop a new system, and in 2021, we updated this proposal to the final form. The navigation system was divided into two parts / two possible identities / for the technology building and the original school building (future possible application). In the fundamental concept, we used two primary colors as a background to put information on — the “signal red” was taken from the architects’ design (red staircase) and was supposed to be used for safety signage. The black background would serve as an orientation/navigation system. The safety signage was supposed to hit an ideal balance between using prefabs (escape signage, warning tapes, etc.) and tailor-made solutions (safety points, a new package of pictograms). Also, we connected the whole navigation system with the safety signage system at the workshops. For example, we designed the tagging system for tools (which was also suitable/synced with the tool’s online database). We have divided the orientation system into standard signs and main nodal points — multifunctional objects with the possibility of projection and variable positioning.

Sensitively reconstructed and redesigned for our “post-everything” times… The Creatura typeface was created to be used in longer texts. It is specially designed for the sixteen-point text size, which faithfully copies the proportions of the original typeface – the Aldine Roman, from 1499. Despite this, the organic shape of the alphabet, which simulates the uneven press of the original typeface on letterpress (the printing techniques of that time), allows the font to be used for larger heading sizes or experimental designs. The two additional styles (Press 2 and Press 3) are genuinely naughty variations you can utilize for larger sizes without hesitation. The Creatura typeface is an alternative to the classic digitalization of text fonts with sharp contours. It tries to be a blend (ideal ratio) between severe study and playful insight.

Sensitively reconstructed and redesigned for our “post-everything” times… The Creatura typeface was created to be used in longer texts. It is specially designed for the sixteen-point text size, which faithfully copies the proportions of the original typeface – the Aldine Roman, from 1499. Despite this, the organic shape of the alphabet, which simulates the uneven press of the original typeface on letterpress (the printing techniques of that time), allows the font to be used for larger heading sizes or experimental designs. The two additional styles (Press 2 and Press 3) are genuinely naughty variations you can utilize for larger sizes without hesitation. The Creatura typeface is an alternative to the classic digitalization of text fonts with sharp contours. It tries to be a blend (ideal ratio) between severe study and playful insight.

👇 About the Creatura typeface or organic fonts and where to find them

If we were to characterize the organic typeface, it would probably sound like this: “An organic typeface (or a typeface of organic shapes) is any typeface that respects the principles of free drawing.” Free drawings that don’t know too sharp edges and geometric construction. The alphabet of organic shapes is a system of freely drawn letters that may or may not respect the established construction of the Latin alphabet.

My interest in this project was learning the serif typeface construction principles. Secondly, to discover the use for the organic shapes of the typeface in its construction and origin technology. The old prints are a perfect combination of these goals because they were the beginnings of the construction of Latin fonts, which also struggled with the imperfect technology of engraving letter by letter and the following imprint that created a characteristic organic contour. The Aldin Roman became a winning model for me. According to František Muzika, this alphabet stands among the first attempts to construct the Latin alphabet and its established principles. I was especially fascinated by the imprints of the letters in the original prints and some specific constructions of the letters, such as the Greek palm Ypsilon.

Initially, I started from the hypothesis that by redrawing selected imprints of individual letters, I would achieve the primary intention, i.e., a living organic typeface. This process resulted in two styles that differed by weight based on the different pressures on the letters in the original prints. Finally, I abandoned this path because the typeface lacked/needed the basic skeleton of individual letters. It was necessary to go deeper into the roots of the skeleton of Aldin Roman. By analyzing the original prints, I got (mostly) very clean imprints of the letters, which convinced me of the greater precision of executing the origin type. Therefore, I based the proportions of the horizontal and vertical strokes of the Creatura typeface on the imprints of the origin. The effort was to create a balanced typeface for book typesetting. The primary style is thus drawn from the beginning for its original size of 16 points, corresponding to the origin type’s size. I also devoted a long time to the final construction of the serifs. It isn’t easy to recognize the original author’s intention from the imprints of the origin type. In my interpretation of the organic construction, I created a simple four-point serif construction that guaranteed enough softness. At the same time, the fundamental parameter of Dynamic Antiqua (Renaissance Antiqua), the gentle bending of the serif, is involved.

The original x-height was preserved entirely. In contrast, the cap height has become lower, and the difference between the Uppercase and Lowercase is no longer so significant. The changes also affected the shapes of some letters. In the Lowercase, especially in the case of the letter a, whose loop is connected higher, the teardrop terminal is smoothly finished without a vertical serif. The finial is drawn lower than its origin model. However, as an answer to lovers of the original design, the font also contains a stylistic set with its original shape. As in the original, the letter f has two versions, with a shorter and wider ascender. The letter s is far more balanced than the original model, which followed the construction of the uppercase S in the Roman Capitals. In the case of Uppercase, I decided to make new modern shapes as a default set, and I kept the beautifully shaped (nor as such functional) shapes of the origin as an “ancient stylistic set.” In the “ancient stylistic set,” the Uppercase alphabet contains the original distinctive features. Above all, it is a wide-spaced R with an organically drawn leg (the default version of the font includes a modern version with a shorter leg). I also preserved the original letter P with an open bowl. Like the Poliphilus font (Morison’s variant of the Aldine Roman), Creatura contains the original palm letter Y, which gives the font a great character (again, the font also includes a modern variant of the letter anatomy). All around, the Uppercase thus kept its original monumental proportions, which are still close to the construction of Roman Capitals.

The fundamental style (Press Simulation 1) then serves as a skeleton for two other styles: Press Simulation 2 and Press Simulation 3. These styles are based on the authentic intention to digitalize the Aldin Roman from its original imprints (not from the matrix itself). These styles thus represent varieties of printed letters depending on the pressure of the letterpress (the contemporary printing technique). This principle of designing font weights is an alternative to the standard protocols for designing font weights. The strokes of the letters were strengthened in all directions so that the feeling of the imprint was convincing. However, the protocol for expanding the font contour differs in all directions. By examining the origin prints, I found that the color absorbed much more into the paper in places with a denser drawing on a small area. The effect was that there was more paint around these places. These places are mainly the serifs and their connection to stems and other strokes. For example, uppercase letters are, thus, much more cleanly printed than lowercase letters because the area on which the pressure works is more significant.

The font’s name comes from the Latin word “Creatura,” which means “Creature” or “being.” Consequently, the name paraphrases a system of drawing in which the contours change across the styles, a system of various “living” organic shapes.

The Speed Grotesk typeface is an experimental font indicated by extreme positions of the slant and weight of the styles and the firm connection between them. The development of the Speed Grotesk font originates in custom lettering work for the visual identity of the bicycle brand. Lettering originally had three styles, which varied in slant and weight. This differentiation was based on dividing bikes according to the route’s difficulty (slope of the landscape and speed). The greater the difficulty, the greater the slant and weight of the style. From an almost invisible slanted Light (Cities) to a highly slanted Black (Mountains). Also, each style has two variants of italics (left and right italics), used separately for each side of the bike and thus perfectly quote movement direction.

The Speed Grotesk typeface is an experimental font indicated by extreme positions of the slant and weight of the styles and the firm connection between them. The development of the Speed Grotesk font originates in custom lettering work for the visual identity of the bicycle brand. Lettering originally had three styles, which varied in slant and weight. This differentiation was based on dividing bikes according to the route’s difficulty (slope of the landscape and speed). The greater the difficulty, the greater the slant and weight of the style. From an almost invisible slanted Light (Cities) to a highly slanted Black (Mountains). Also, each style has two variants of italics (left and right italics), used separately for each side of the bike and thus perfectly quote movement direction.

However, during the lettering’s development, we already recognized the font’s qualities and shape universality, which could be completed into a full-scale font, thus allowing for further interpretation opportunities.

As for the font design, I first had to choose a suitable origin typeface due to the extreme nature of the slants and weights. After extensive testing, I decided on the Futura font, characterized by a vertical end of the strokes. This decision allows for extreme slants of the font while preserving its metrics. This quality has proven essential, especially for radical combinations like extreme slant + black weight.

The font is currently still in development.

A longtime interest in typefaces that imitate wooden structures and organic shapes was crucial in searching for a specific problem of the variable format. The starting point was the typeface Rustic No. 2 of 1845, created by the Figgins type foundry In London. From that point onward, the typeface made a long journey across the ocean, where dozens of copies were produced in wooden and metal form. At the end of the 20th century, there were dozens of incomplete digitalizations. The typeface Rustic No. 2 (in digital form under names such as Pinewood, Log Cabin, Woody, and others) lives on in imperfect forms.

A longtime interest in typefaces that imitate wooden structures and organic shapes was crucial in searching for a specific problem of the variable format. The starting point was the typeface Rustic No. 2 of 1845, created by the Figgins type foundry In London. From that point onward, the typeface made a long journey across the ocean, where dozens of copies were produced in wooden and metal form. At the end of the 20th century, there were dozens of incomplete digitalizations. The typeface Rustic No. 2 (in digital form under names such as Pinewood, Log Cabin, Woody, and others) lives on in imperfect forms.

The typeface In the Pines, in its loose reconstruction of the original model, literally grew by other weight variants. The question remains, though: where could such a typeface occur? Is the world of logs too unidirectional? It’s not just the variety of different types of wood that you can simulate with this font. In small sizes, it seems to be growing grass, and its illegibility leads us to compete for the most beautiful English lawn. In deep oceans, it can describe the magic of undulating seaweed or anemone. When better judgment is gone, it happily finds itself on a sex shop’s signboard, where the typeface changes into dozens of growing phalluses; let’s admit that it often happens in nature. 

Ultimately, not even the variable format fulfills all the functions of the typeface In the Pines. The question remains of the possibility of a variable-color font, which is incompatible with the variable format. Finally, I want to mention the addition of a typeface with an expanded set of characters and symbols, which is a (still) uncommon feature in an attempt to revive the Rustic No. 2 face.

Until recently, I was among those people who outright rejected Peignot, primarily due to its typical period design. But then, suddenly, out of the blue, Cassandre bases his typeface on Bayer’s universal typeface. This fact inspired my first idea to create a grotesque version of the typeface, but this completely wiped out the attractiveness of the original design. Maintaining the contrasting character stress was a must. So, I returned to the beginning with a simple question: “What would make this typeface more contemporary?” If the designer’s personality disappears from the typeface, their stylization also disappears, and I can focus on the skeletons of the letters. I minimized the means of expression and chopped off the rounded endings, which are so characteristic of the lowercase “a,” “e,” “v,” and “n.” But I retain one of the most important things – the utopia in changing the letterforms while maintaining good readability. Likewise, I continued the toning-down process in the design of Touraine and finished the classic lowercase shapes.

Until recently, I was among those people who outright rejected Peignot, primarily due to its typical period design. But then, suddenly, out of the blue, Cassandre bases his typeface on Bayer’s universal typeface. This fact inspired my first idea to create a grotesque version of the typeface, but this completely wiped out the attractiveness of the original design. Maintaining the contrasting character stress was a must. So, I returned to the beginning with a simple question: “What would make this typeface more contemporary?” If the designer’s personality disappears from the typeface, their stylization also disappears, and I can focus on the skeletons of the letters. I minimized the means of expression and chopped off the rounded endings, which are so characteristic of the lowercase “a,” “e,” “v,” and “n.” But I retain one of the most important things – the utopia in changing the letterforms while maintaining good readability. Likewise, I continued the toning-down process in the design of Touraine and finished the classic lowercase shapes.

This concept of adding shapes seemed contemporary to me, so I decided to continue it. Although Cassandre never wanted to create a slanted style for the typeface, my version has three styles. The “Rotated” style is more of a rallying work. It is related to Programme, a generated typeface that refers to technology – just like Peignot, which referred to the period’s engraving technology. I also created classic and reverse Italics, which may be mixed and matched. The three style sets allow users to pick the forms they prefer. 

This is the scale of use for my new utopia. La Pipe is the evolution of Peignot. “Pipe” refers to Casandre’s favorite pastime, as seen in period photographs, and evokes typical stroke stress. Finally, using a French name suggests where its model is from.

The infamous wireframe symbol of the globe is used extensively in graphic design. It is an internationally understandable symbol, although it has multiple meanings. It can symbolize language and time — it is also often associated with the visuals of logistics companies. As “Worldwide,” this symbol usually refers to the planet Earth. As part of my obsession with this symbol, I set myself the following task: “Create an alphabet by deconstructing this symbol. Interfere with the structure of the symbol as little as possible and test whether this task will be possible.” Thus, the symbol became a structural network, and I could design the entire uppercase alphabet with a basic set of characters and symbols. This skeleton, in which I tried to find all the Latin alphabet characters, plays on traditional font skeletons and the “cult” of fonts intended for CNC machines. Inherently, I attempted to leave the font with an open contour and thus create a playful version of the one-line font.

The infamous wireframe symbol of the globe is used extensively in graphic design. It is an internationally understandable symbol, although it has multiple meanings. It can symbolize language and time — it is also often associated with the visuals of logistics companies. As “Worldwide,” this symbol usually refers to the planet Earth. As part of my obsession with this symbol, I set myself the following task: “Create an alphabet by deconstructing this symbol. Interfere with the structure of the symbol as little as possible and test whether this task will be possible.” Thus, the symbol became a structural network, and I could design the entire uppercase alphabet with a basic set of characters and symbols. This skeleton, in which I tried to find all the Latin alphabet characters, plays on traditional font skeletons and the “cult” of fonts intended for CNC machines. Inherently, I attempted to leave the font with an open contour and thus create a playful version of the one-line font.

The default Network 1 style, which is mainly suitable for heading use, was later expanded with three more styles that depend on its shape and proportions. The Network 2 style is its simplification to the outer shape (just one line). The Network 3 style reacts to the previous cut, swapping character shapes for the traditional morphology of the Latin alphabet. These two minimalistic versions also work well for use in shorter texts. However, we must remember that even the wire symbol of the globe comes from the stylization of its 3D model. So, my next attempt was to check whether I could design one style from a 3D model, too — and that’s how the Network Initials style was created.

In graphics programs, it is possible to adjust the width and shape of the stroke, as well as the height and length of the characters, which still retain their inner skeleton of letters due to deformation. The font is, therefore, intended for users who like to use the possibility of further intervention in its final shape.

typographic-system.dps is a set of fonts programmatically generated by blending a data-set of various fonts created and evaluated in research.dps. In the current iteration, the system uses its sans-serif font, the Super-normal Sans Regular, for which no manual post-processing of the results has been performed. The super-normal.dps method prototype is used here to blend the fonts from the data-set.

typographic-system.dps is a set of fonts programmatically generated by blending a data-set of various fonts created and evaluated in research.dps. In the current iteration, the system uses its sans-serif font, the Super-normal Sans Regular, for which no manual post-processing of the results has been performed. The super-normal.dps method prototype is used here to blend the fonts from the data-set.

The short-term goal is to develop a manual MVP, MVP Super-normal Sans, using blended results to provide time and resources to build the general font-generating tool. The economic-system.dps describes its scope, including value per part (value-model) and conditions of use and extension (legal-system.dps).

The long-term goal is to make a general font generation tool available and manage a data-set defining Super-normal Sans, Serif, and Mono for the current period.

sites.dps/portfolio is a project under construction*. Our motivation is the development of a simple web portfolio (aimed primarily at the needs of artists/designers, etc.), which should provide space for the presentation of one’s work within the current industry needs.

sites.dps/portfolio is a project under construction*. Our motivation is the development of a simple web portfolio (aimed primarily at the needs of artists/designers, etc.), which should provide space for the presentation of one’s work within the current industry needs.

In the current iteration, we focused on the site’s ideal architecture according to the blend.dps method with a preference for first data (Klara’s fork) and the possibility of generating various outcomes (online and print). The result is a simple structure split into Works and Info. We implemented an index button in the Works section for user-friendly orientation between projects. The Info section contains the most common categories in open calls and other opportunities for artists/designers.

In a future iteration, we want to add a feature to generate a PDF (print) version of the portfolio directly with the website’s CMS (for the current iteration, we have prepared an editable template in Figma).

The long-term future vision is to create a widely available default version of this site under the DPS project (https://wiki.public.services/).

*Please don’t hesitate to visit Realized Forks via the links below. Current forks also work as test versions. 

print-generator was a tool for creating a personalized graphic motif/composition (for clothing)*, where the user himself supplied the basic parameters (image/text). The tool’s result was a graphic print, the final form of which depended on the cooperation of the tool with the user. It worked (only in its beta version) from 2020 to 2023.

print-generator was a tool for creating a personalized graphic motif/composition (for clothing)*, where the user himself supplied the basic parameters (image/text). The tool’s result was a graphic print, the final form of which depended on the cooperation of the tool with the user. It worked (only in its beta version) from 2020 to 2023.

print-generator could become a public tool/service for users to edit their supplied content. The user would set a specific medium/layout and the basic parameters of the final design.

*T-shirt was the only medium supported by the tool so far.

In this project, we attempted to find an alternative way to perceive a print (graphic motif) on clothing, transforming it into an individual’s legacy. Specifically, it was an attempt to provide a public tool to help people create their prints. The collaboration of the tool and the user has become a fundamental condition for changing the standard way of “identifying” the user with existing prints/images - breaking out of the current practices of “exclusive” and “unique” pictures that someone else creates for us, where the user stands at the very end of the process and thus fulfills the simple function of “just a consumer.”

On a general scale, the print-generator was intended to serve the public as a supplemental tool to finalize and realize their ideas. It aimed to relieve users of the privilege of knowing the rules of how to design their content. The tool should create a final graphic design based on the formatting and parameters set by the user. Thus, the user could concentrate on the essential part of the process, i.e., editing the content and concept of their idea.