Waldo Broodryk

Webflow Layoutz

  • Save

Flashback Friday!

I started building out this Webflow project back on August 14th, 2017, for a hack week project.

The idea was essentially to create pre-built layouts to jump-start a website design (you'll see more about that soon). It was a lot of fun, and I'm excited for the future of these capabilities once they're native at some point 💜.

These layouts can be used as building blocks to build out a v1 wireframe of a website/landing page etc.

They use the least amount of styles possible so that you can make any section your own. You could even use this to make your own templates if you wanted to.

All of the elements are built from symbols which should hopefully have easy to find names.

So you can use Quick Find (CMD + K), to quickly find a symbol and drop it in the page (I'll add in some more navs).

This is 24 seconds of me starting a build (actually closer to 23 seconds 🙈).

Be sure to press CMD + SHIFT + A to disconnect the section from the symbol before you begin styling.

This is now clonable, have fun and build something awesome please 💜

You can see the live site here ➞

keyboard shortcuts: L or F like