Just van Rossum

I can finally share a thing I did for @typotheque: an interactive visualization to explore their Zed Display variable font:

https://www.typotheque.com/blog/a-typeface-in-four-dimensions

Typotheque: A typeface in four dimensions

Description: Zed is a font superfamily built on four variable design axes and spans more than 500 individual styles. This post attempts to make that vast design space easier to grasp.

Jan 19 at 9:43amWeb
Show threadJust van RossumJan 19

@typotheque It's a fun playground! The visualization can be a customized explanation of the designspace, but it can also be a pretty blob of type: https://www.typotheque.com/blog/a-typeface-in-four-dimensions#eyJ3Z2h0IjowLjU4NjIwNjg5NjU1MTcyNDIsIndkdGgiOjAuNDY2NjY2NjY2NjY2NjY2NTYsImZvbnRTaXplIjozMTAsInJhZGl1cyI6NDksInJvdGF0aW9uIjoyNTYuMTUwMzIwMDAwMDAxLCJtYWluU2FtcGxlQ29sb3IiOiIwMDAwMDAiLCJ3Z2h0Q29sb3IiOiJmZmZmZmYiLCJ3ZHRoQ29sb3IiOiJmZmZmZmYiLCJzbG50Q29sb3IiOiJmZmZmZmYiLCJyb25kQ29sb3IiOiJmZmZmZmYiLCJjb21iaU9wYWNpdHkiOjAuMzEsImF4aXNPcmRlciI6WyJST05EIiwic2xudCIsIndnaHQiLCJ3ZHRoIl19

(All the settings are stored in the URL)

Show threadJust van RossumJan 19

Interactive fun on iPhone! Try swipe, pinch gestures, and scroll gestures.

Also works on desktop, just click-drag instead of swipe.

Show threadJust van RossumJan 19
Show threadMario BreskicJan 20
@justvanrossum Compelling choice.
Show threadJari Komppa 🇫🇮Jan 19
@justvanrossum aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Show threadJust van RossumJan 19
@sol_hsa
Show threadMarijke LuttekesJan 19
@justvanrossum I don’t want to call this porn for typography enthusiasts, but also I don’t know what else to call it
Show threadwakest likes your bugs ⁂Jan 19
@justvanrossum @typotheque oh wow this is a fun tool!
Show threadSimon TrufferJan 19
@justvanrossum @typotheque
love it 🔥 🔥
Show threadTypothequeJan 19
@justvanrossum Infinitely better than my accurate-but-traumatising diagram
Show threadRoel NieskensJan 19
@justvanrossum @typotheque This is super dope, and so much fun to play with! Congrats on successfully visualizing something *so* complex!
Show threadJust van RossumJan 19
@pixelambacht @typotheque Thanks Roel!
Show threadAleksandra SamuļenkovaJan 19
@justvanrossum @typotheque
Awesome!!!
How about a gesture-based interface?
Show threadKai BernauJan 19
@justvanrossum @typotheque I just saw this in the newsletter, so absolutely fantastic. I really think that for a large, multiaxis family like Zed, it’s a great help in understanding the potential of the typeface better. It’s fun and feels obvious, which I assume to mean this was an absolute ton of interface design work! Congrats.
Show threadJust van RossumJan 19
@kai @typotheque the direct interaction design and implementation is mine, but the final look of the auxiliary UI (sliders, color pickers, etc.) was beautifully redone by the Typotheque team after my rather poor looking sketch.
Show threadDesign BrouhahaJan 19
@justvanrossum @typotheque beautiful!
Show threadMaurice MeilleurJan 19
@justvanrossum @typotheque 🔥
Show threadTypeartureJan 19
@justvanrossum @typotheque You didn't lie when you said you did something cool! Great visualisation and playground and equally great subject in Zed. I do miss the icons though :D.
Show threadJust van RossumJan 19
@typearture @typotheque Dankje!