404boyfriend’s Twitter Archive

this was such a lovely project, one of my last with the esteemed team at Faculty. got to build some really fun interactivity, I literally adore working with type shops, and XYZ was a fantastic collaborator. geometricsans.com/ xyz_type/1471483589585944583

oh my god twitter doesn’t include alt text from images in their API

…in reply to @404boyfriend

the best part of any type microsite is getting to play with the fonts right out of the gate — I created this reusable content component we could rapidly scaffold the page content with while allowing users to get weird with the variable properties, everything content-editable.

…in reply to @404boyfriend

we needed a way to show the differences in personality between Escalator and Elevator, so I put together this component that used the Bézier data of each glyph and some CSS mix-blend-modes to demonstrate those differences. really stands out on the Q, W and S glyphs.

…in reply to @404boyfriend

I think it's fun and nice to represent the axes of a variable font as actual axes, so we created this element that lets you play with the optical size and weight of both font faces.

…in reply to @404boyfriend

in the past I've used a hand-rolled Node utility script to generate JSON of all the glyphs and glyph categories in a font — it's super useful for static site generation. I should open-source this bad boy, it's like not that much code but very very useful and reusable.

…in reply to @404boyfriend

all in all, i'm super stoked on how this turned out with an incredibly quick timeline. XYZ is doing some fantastic work with these fonts and I'm so honored they trusted me and the Faculty team with this project 💛 geometricsans.com/