Jonas Pelzer

MA Studio Speculative Software The Master Studio Speculative Software at the Design Department of the Fachhochschule Potsdam is dedicated to the design and exploration of creative, experimental software user interfaces. It is part ...

MA Speculative Software website on @fontsinuse.com Use → fontsinuse.com/uses/74822/m...

Fictional – A friendly & quirky typeface with a cartoonesque character Fictional makes your branding, interfaces and printed matter more friendly and more fun

oh, these are so lovely! the minisites are also excellent

Thank you so much, Eva! :)

Also pleasant: Jonas offers a PWYW license, which I love to see in the wild. Check out his typefaces:

jonastype.com/indicate-mono

#typography

Thank you!! ✌️

There’s quite a few free font sites that offered a free download of my Indicate Mono typeface without permission. Unexpectedly, they instantly took it offline right after contacting them. Pleasant surprise!

MA Studio Speculative Software - Awwwards Nominee The Master Studio Speculative Software is dedicated to the design and exploration of creative, experimental software user interfaces.

The website for MA Studio Speculative Software is now up for voting on awwwards.

Vote here → awwwards.com/sites/ma-studio-speculative-software
Visit the site → interface.fh-potsdam.de/ma-speculati...

iFrame Tester Gator - Test Embeddability & Bypass Restrictions Simple tool to test iframe embedding compatibility by visual inspection.

iframetest.com, useful in combination with getslideframe.com

slideFrame – Open External Links, Internally. Open external links in a dynamic overlay on your website. Easy to integrate, customizable with JS and CSS, and open source.

🚨 Bad news: Active development of slideFrame has been discontinued.
✅ Good news: It’s now open source!

Check out the live demo, explore the code, and fork it → getslideframe.com

IS IT TIME FOR A NAP? IT'S ALWAYS TIME FOR A NAP!

In this context, I’ve also updated this highly irrelevant but fun side project from over 10 years ago: isittimeforanap.com

The live demo now shows a randomized rotation of some of my side projects.

slideFrame – Open External Links, Internally. Open external links in a dynamic overlay on your website. Easy to integrate, customizable with JS and CSS, and open source.

🚨 Bad news: Active development of slideFrame has been discontinued.
✅ Good news: It’s now open source!

Check out the live demo, explore the code, and fork it → getslideframe.com

Handy tool for creating invoices in the browser → invoice.cc

Haven’t tested it in real-world situations, especially when it comes to German bureaucracy, but still cool.

temper — Build your personal web page in seconds Simply enter your content and adjust the design to match your style!

Cool use of temper.one: Gamestorm Collective uses my page builder as a foundation for their website and builds on top of it.

→ gamestormcollective.org

Thanks, Greg! Would love to see what you do with it! 😊

slideFrame – Open External Links, Internally. Enhance your website’s user experience and reduce its bounce rate by opening external links in a dynamic content overlay.

Hey devs! 👋 slideFrame, my tiny JS + CSS snippet for opening external links in a dynamic overlay, is now open source. Check it out and fork it → getslideframe.com

When I posted this, I realized there was no way to only link to Fictional uses within my gallery, so I added a little filter function now: jonastype.com/gallery?type...

I really didn’t foresee this when designing the typeface, but Fictional and children’s books just seem to be a match made in heaven

More examples here → jonastype.com/gallery

Lovely use of my Fictional typeface: Céleste Gigaudaut designed a children’s paperback book collection for her studies at Gobelins Paris

Get Fictional here → jonastype.com/fictional

Submissions are open again on collected.li

Clarification: I don’t use Tailwind. By utility classes, I mean custom utility classes written in vanilla CSS.

Absolutely! It’s good, but the intended strictness doesn’t work for me. Naming every single deep-nested element, even if it would be easier to address it by [parent class > tag name] isn’t practical for me.

BEM-inspired means: I like organizing elements into blocks, elements, and modifiers, and I like to have a consistent naming system. I don’t like the idea of mindlessly applying this system to every single element, and I don’t like using underscores in class names.

Class naming in HTML/CSS: I like utility classes, and I’ve been leaning more towards a utility-class-first approach lately. Combining this with a BEM-inspired system for specific blocks works really well for me. #frontend

🔤 Indicate Mono — Jonas Type
Nice WIP Pay-what-you-want monotype font that’s worth checking out.

MA Studio Speculative Software @ FH Potsdam Design The Master Studio Speculative Software is dedicated to the design and exploration of creative, experimental software user interfaces.

I designed and built the website for the MA Studio Speculative Software.

The studio is part of the Master of Arts in Design at Fachhochschule Potsdam, dedicated to exploring and designing creative, experimental software user interfaces.

→ interface.fh-potsdam.de/ma-speculati...

🔥

✍️ Indicate Mono Condensed
🔗 jonastype.com/indicate-mono

#typedesign #graphicdesign #typography

It keeps all the warmth and personality of the regular style, but fits more text in less space.

Available at WIP conditions: pay what you think is fair, starting from €10 per style.

🔠 Introducing Indicate Mono Condensed, the second style of my monospace typeface in ongoing development.

→ jonastype.com/indicate-mono