Mathematical Typography

I’ve gone astray experimenting with math & typography. For each specific math subject I try to create a family of type renderings.

Basic geometry, “spatial relationships”:
Specific colors correspond to the the angle of the 20 million lines drawn.

Printed it! ;)
Spatial Relationships (update: high res)Detail IIIDetail I

The type is constructed out of a lot of translated (co)sines.

Trigonotype: 5
Trigonotype: zTrigonotype: bTrigonotype: r

Derivatives: dx/dy type
Along each point of the outline of this Helvetica, a line is drawn according to it’s tangent.

dy/dx type: 0
dy/dx type: 2dy/dx type: 3

See flickr for more renderings..

This entry was posted in Experiments, Selected Work. Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.


  1. Cai
    Posted April 9, 2010 at 9:34 pm | Permalink

    Hi Tiemen,

    This font is really nice, it’s abstract, colourful & ‘tech’, yet extremely readable at the same time! Congratulations.

    I’m currently trying to create my own animated font using processing, but I’m quite new to it. Could you possibly share some the libraries /techniques that you used? I would greatly appreciate it!

    Many thanks, Cai.

  2. Posted April 9, 2010 at 11:30 pm | Permalink

    Hi Cai, thanks!

    Sure. These aren’t exactly new typefaces, instead, they are more like adapted fonts. These three sketches are my explorations of the “geomerative” library, found on It converts a .ttf font (I use Fontlab to export any installed font as True Type) to an array of points, ready to be manipulated. The three above each perform a different (pretty basic) action on these points.

    With this array of points, the possibilities are pretty limitless. For a basic animated result, check this noise ‘font’ by my classmate Charlie:

    Good luck! Do you have a website where I’ll be able to see the result?

  3. Cai
    Posted April 10, 2010 at 3:49 am | Permalink

    My pleasure Tiemen,

    Thanks for responding so quickly! To be honest, I am still learning the basics of processing… and this is going to be my first project using it. I’ve just downloaded & had a look at the geomerative lib – it seems I need to know more before I can use it to it’s full potential! ha.

    Sure, my site is , I’m an animator and use scripting & expressions within After Effects, Maya, 3D Max etc. It just has my latest piece on there at the moment . It might be a wile before I post any processing work though.

    I’ve also had a good look through you’re blog… some great work and really nice ideas! Very similar to what I hope to achieve in the near future!

    Feel free to add me as a contact on Vimeo, and I’ll keep you updated with my Processing & VVVV progress! lol

  4. jossgray
    Posted January 10, 2011 at 4:05 am | Permalink

    Was this using Processing?

  5. Posted January 10, 2011 at 10:43 am | Permalink


3 Trackbacks

  1. [...] Algorithmic typographic work by Tiemen Rapati. [...]

  2. By Printed it! ;) |    Body And Mind News on September 1, 2010 at 5:06 pm
  3. By Download now: Apps (Processing) on December 30, 2010 at 8:42 pm

    [...] Mathematical Type Download: Windows / Mac [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>