↵

Flow, a typeface built for wireframing(danross.co)

almost 6 years ago from Dan Ross, Design tooling @ Shopify

  • Bevan StephensBevan Stephens, almost 6 years ago

    Do you have any examples of how this would be used?

    0 points
    • Dan Ross, almost 6 years ago

      Flow should be used to style placeholder content. Here's a quick gif:

      Preview

      2 points
      • Bevan StephensBevan Stephens, almost 6 years ago

        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.

        4 points
        • Dan Ross, almost 6 years ago

          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!

          0 points
        • Aaron Wears Many HatsAaron Wears Many Hats, almost 6 years ago

          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 :)

          0 points