Flow, a typeface built for wireframing (danross.co)
over 5 years ago from Dan Ross, Design tooling @ Shopify
over 5 years ago from Dan Ross, Design tooling @ Shopify
Alternative option - http://www.blokkfont.com/
Or as an alternative to that, just draw rectangles.
I mean really.
Hey everyone, I'm Dan.
I'm a designer from Australia, now living in Canada. Design tools are my passion, and I wanted to share my latest project with you.
Flow is a typeface built for wireframing. The font comes in three weights – circular, rounded, and block. It’s a little project I’ve been working on, and I'd love for you to take a look.
Designing with real content is important, but sometimes we need something more abstract. Flow aims to provide an efficient and flexible way to create abstracted/placeholder content in your designs.
Some features: • 3 weights/styles • Variable width characters • Improved space width • Improved line-height (to match SF)
Now supports (Updated 24/07/2015): • Extended Latin character support • Cyrillic character support
How does this compare with using "-"?
Nice idea! (Shouldn't it replace non-ASCII characters as well? Such as öäüß?)
I'll be updating this Flow to support these characters soon :)
This is actually a pretty good idea. Thanks :)
Do you have any examples of how this would be used?
Flow should be used to style placeholder content. Here's a quick gif:
Thank you. I appreciate you taking the time to make something and share it.
I personally tend to find that the actual text content is be the most critically important part of a wireframe. Without it, I'd say you're just doing very low-fidelity visual design not wireframing.
I can see it could be useful for loading/empty states in UI though.
Hey Bevan. I definitely see your point, and I completely agree. This is really for when you've got to mock something up really quickly.
For example, quick design sprint exercises, hack days, very low fidelity conceptual flows/mocks.
I actually didn't think about using it for UI loading states. Great idea!
Good for laying out blog content etc, where the copy would be dynamic/frequently changing.
Personally I'd just use lorem ipsum, or the line tool for this effect, however I can see why people would find value in using a font like this :)
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now