Wireframing

Free fonts for prototyping and wireframing

When you are working with low fidelity wireframes simple “Lorem Ipsum” text sometimes doesn’t seem to look that good. What you really need in that case is “simulated” text. There are few fonts that are perfect for making low fidelity wireframes and prototypes.

What are low fidelity wireframes?

Low fidelity wireframes are quick rough sketches that represent the initial concept (blueprint) of a website or app. They can be hand drawn on paper or made on a computer using some wireframing/prototyping software. 

Here are few examples of low fidelity wireframes:

Paper low fidelity wireframe
low fidelity wireframes
Low fidelity wireframe made with Photoshop

Here some fonts for low fidelity wireframes:

Blokk Font 

Blokk Font Demo

BLOKK font is the perfect example of the power that lies in everyday creativity – and how even the smallest of ideas can have the greatest potential.

Download Blokk Font

Scribble Font

Scribble Font Demo

Scribble is a replacement for “Lorem Ipsum” Text and works great with low fidelity wireframes. 

You can live test it here: https://vladocar.github.io/Scribble-Font/ 

Download Scribble Font

Redacted Font

Redacted Font

Keep your wireframes free of distracting Lorem Ipsum.

Download Redacted Font

Flow Typeface

Flow Typeface Demo

Flow is a typeface built for wireframing. It’s free and it comes in three weights – circular, rounded, and block.

Download Flow Typeface

Bonus font: Balsamiq Sans

Balsamiq Sans Demo

Balsamiq Sans tries to simulate legible hand drawn text, something similar to Comic Sans which was used in the previous versions of Balsamiq Software.

More details here: https://balsamiq.com/givingback/opensource/font/

Download Balsamiq Sans

About Author