Inspired by @meyerweb.com's talk at @cssday.nl I played with offset-path before, but somehow missed that we can use it with border-box and padding-box, making this so incredibly easy. I need to fix up the code a bit as it's kinda messy, but you can see it here: codepen.io/editor/kevin...

What a nice surprise to discover that my Fictional typeface is now being used for moinfra.me, a community, blog and Youtube channel dedicated to the best CMS in the world: @getkirby.com.

Soon 🤫

is it me or is microsoft teams account management extremely confusing? i have been added to a workspace by a client as a guest, but can neither connect it to my actual account nor change the guest account’s display name (which is “mail” due to my email address starting with mail@ 🤨)

Getting there!

Just realized I never posted the original Scope promo posters from 2018 here!

Which browsers are we using nowadays? I’m still primarily on Chrome, but I know all the reasons not to be. So I’m happy about suggestions.

I’ve added some Indicate Mono uses to my type foundry’s gallery page → jonastype.com/gallery?typeface=indicate-mono

temper.one is featured in the new publication by Slanted Publishers about digital tools 🙌

Indicate Mono Condensed is now used for the branding of NO SOMOS ROBOTS, a naming studio from Mexico City

There’s a new type of CSS scroll-state query coming: “scrolled”. This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.

My Fictional typeface was used by Studio Zwille for the branding of Flora Natur- und Erlebnishof. Good fit! 🐐🌼🔠

this little article is sixteen years old today: alistapart.com/article/resp... feels deeply weird that it’s that old. the pub date feels like it’s two lifetimes ago and two weeks ago, all at the same time.

Happy 16th Birthday Responsive Web Design! On May 25, 2010, web designer Ethan Marcotte published an article entitled "Responsive Web Design" in the online magazine A List Apart. #WebDesignHistory

Delighted to have Scope featured in the beautiful publication »Curious Typefaces and What to Pair Them With« by OFFCUTS ✨️

this is what free costs. taken. vol. IV of since you arrived. a single page that tells you everything your browser silently disclosed the moment you arrived. sinceyouarrived.world/taken

"openai.com" was once the personal homepage of a guy named glenn (2001), and "tiktok.com" was the quaint shared homepage of a couple as their relationship progressed from dating to married with a baby (2000). THREAD!!!

This kind of thing is how I end up actually making a loazing class because of how funny I think it is 💀

Here I am wondering why lazy loading isn’t working

Built a fun detail into the new jaccobunt.com portfolio site: the navigation animates from a collage layout on the homepage to a clean top bar on subpages, using CSS view transitions.

Just launched a portfolio site for illustrator Jacco Bunt → jaccobunt.com

Just launched a portfolio site for illustrator Jacco Bunt → jaccobunt.com

Just had an enlightenment about CSS View transitions. They are much more powerful than I thought AND much easier to use! You really only have to give your element a unique view-transition-name. This has to be consistent across all pages the element appears on. That’s it!

Thinking about adding proportional numbers to my monospace font for maximum confusion

Observation: Some of the briefings I get sent for potential design/dev projects became much more extensive and detailed in the last 1–2 years, often including adjacent tasks that are not typically part of my service offering. I think this is AI influence.

Nice to see Scope used throughout the BoKoMaT event for the second time! The colloquium took place in September 2025 at Ruhr University Bochum.

This is harder than you might think! But it’s a lot of fun.

Wondering if there’s a way to automatically generate Open Graph images for temper.one sites. That would be cool, but it seems tricky to achieve within temper’s one-HTML-file-only philosophy 🤔

»KUNSTSURFER is a browser-based art space. It runs on an add-on that recognises advertisements and replaces them with digital exhibitions.« → kunstsurfer.org

Really cool temper.one page by director & animator Sander Joon with a custom type animation → sanderjoon.com

»Indicate Mono, from Jonas Pelzer of Jonas Type, sets out to dismantle those expectations whilst preserving the strict structural logic that makes monospace useful in the first place.« Thank you, @creativeboom.com! Source → www.creativeboom.com/resources/th...

Font selection update on temper.one Marblis by Fincker Font Cuisine can now be used, as well as Indicate Mono Condensed by my foundry.

It’s updated on the microsite as well now → fictional-typeface.com

I updated Fictional for a better differentiation between the letters t and ł. f has been updated as well. Along with these changes, I further improved spacing and kerning. Free trials here → jonastype.com/fictional

After spending way too much time crafting typographic favicons for jonastype.com, I’m now back at a red circle 🤷‍♂️

Another beautiful typeface use: For a class at @uqam.ca, Félix Cloutier created an analog typographic visualization of the 1957 French film comedy “Les Lavandières du Portugal”, using only Indicate Mono. Supervised by Daniel Robitaille of Paprika.

My curated gallery of unconventional and inspiring web design just hit 5000 entries! 🥳 Check it out → collected.li

Beside using Scope for their identity and website, the community radio res.radio also uses the typeface for its really cool merch, designed by Julia Bichler and printed by Studio Megafauna in Vienna

I just found out about Brain Eaters Font Company and wished I would’ve called my foundry something like that

Great to see Scope in use for a company of this size and with such a long tradition! Founded in 1916, FUNOSA produces cast iron components for international clients in sectors such as automotive, agriculture, construction, and railway. View live → funosa.com Get the typeface → jonastype.com/scope

Every once in a while I find a good reason to document some cool temper.one usage examples.

slideFrame in action for “ICF – Inclusion and Collaboration for the Future”, a collaborative project by @unierfurt.bsky.social and @hsnordhausen.bsky.social offering an interactive digital platform to learn the WHO ICF framework.

The MA Studio Speculative Software website is nominated for Typography Honors on awwwards. I’d appreciate a vote! :) www.awwwards.com/sites/ma-stu...

Updating my portfolio with new work has become so time consuming since I decided to present websites as videos 😅

Believe me, I know all your fancy tools, but I really enjoy writing HTML by hand.

I just published a new essay: »The Interface is Content«. In the essay, I argue that the user interface cannot be separated from the content. (And I make a fun analogy to typography!) borism.medium.com/the-interfac... #ux #ui #typography

Social Media Poem by Guy Bennett: post-self-evident-poems.com/social-media...

Lovely to see my tools temper.one and getslideframe.com in use for the KBI UX Incubator at Stanford University → kbiux.org

My Ubuntu Summit talk is up! Where I talk about: 1. How Desktop UX is effectively dead 2. Why I hate the term UX/UI with the heat of 1000 suns 3. How OSS can actually innovate in #ux www.youtube.com/watch?v=1fZT...

Are we stuck with the same Desktop UX forever? → www.youtube.com/watch?v=1fZT... (via @eay.social)