Just a detail but I noticed that you forgot to close that p-tag on line 57.

..that looks really nice. Shame it's useless :D

Gorgeous. I tried it myself:

Nice scifi movie interface.

Your Sublime example is actually pretty beautiful...

As a couple people have already mentioned - Flow is a typeface for** early prototype low fidelity mockups**.

On a side not if you ever needed a mockup of a code editor without showing code - that's a great way to do it!

This would be useful in very low-fi wireframes. Anything beyond that and you're doing yourself a disservice in not using real words (not necessarily the final copy, but something close).

Looks nice :) But I have to agree with Trev - I don't really see that the typeface is that useful for wireframing at all, as using real words that evoke semantics is half of the point of producing the wireframe.

Maybe it could be good for loading states? Even then, I think loading in a typeface in place of CSS shapes might be a little overkill

This is almost the same as the Blokk typeface http://www.blokkfont.com/

Don't want to sound harsh but in my personal experience, If there is one useful thing I get from UX Wireframes, it is the content. Because wireframes are generally either very low-fidelity or very conventional anyway. Hope I don't see this thing used around a lot... (:

I like it's aesthetics, it would work wonders on illustrations or if you want to abstract an idea. But none of these qualities are what I expect from a wireframe.

Soooo... I read Joacim Nilsson's comment and didn't notice any constructive criticism. Thanks Dan for trying something !

I was looking at the leftmost pane and thought, "this looks strikingly similar to a .vue file", then looked up at the tab bar. ;)

Good use with the block framing workflow. :D https://medium.com/ux-power-tools/blockframing-and-31-free-sketch-ready-layouts-using-auto-layout-by-anima-app-1be039007ecf

this blocky kind of wireframe font doesn't show the rise and fall natural to language. It doesn't convey the flow and movement of text (even though it's called flow)

Here's what I use- Redacted Font: https://github.com/christiannaths/Redacted-Font

It looks more like scribbles and I think looks more like what I would draw on a paper prototype.

I would rather see a typeface that flows like real letters but can't be read as a language—the visual equivalent of Simlish (language used in Sims)

This definitely has a use, but I'd stress to have real copy as early as possible. Check Getting Real by 37Signals, here's a note snippet from it:

Use real text vs. Lorem ipsum ideally (text is not a shape, it is valuable information to read). Real copy helps determine how long certain fields should be, how expand/contracts should look, and what your app truly looks like.