Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c

With Erder, I primarily wanted to create a geometric typeface that was unarbitrary. I wanted to see what would result from a typeface that had as few design decisions as possible, and the choices that had to be made, were done in the spirit of, "Well, of course it had to be this way!"

I would describe Erder as a geometric, unarbitrary, and therefore grid-based typeface.

Erder is implemented in HTML and CSS, because I'm most familiar with these technologies and SCSS variables allow auto-scaling the thickness of strokes. Unfortunately, this also means Erder is not available to download as a TTF for normal use and currently only serves as a visual experiment.

Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505 Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505 Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Lowercase grid 835235691894fd17c280a85029ec8ab55ebcd9f56abbaf6f0eb8110ea0b45505
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c
Uppercase grid 82b8b0583cb0c5f8ec574e74e771cedb4329a422019210dbb58a9191d4c3599c