Tutorial: Make a Landing Page Using Generator


Designmodo’s Generator works with Startup Framework to create an easy drag and drop landing page for almost any website/startup. The two-part video tutorial shows you how easy it is to use Generator and the and share your design as you create in directly in the browser.

The tool includes a variety of interchangeable blocks that can be mixed and matched to create a custom landing page with a modern design. After using the drag and drop interface, the HTML can be exported for easy use.

Video 1 focuses on Generator and how it works. Video 2 takes you more into the code and using the tool to customize your website design further. The main takeaway from this set of tutorials is how easy it can be to create a custom, modern landing page design with Generator.

The tutorial is easy to follow and is designed for those with a moderate understanding of website design and development, including coding.

What you will learn in this tutorial: How to create a website landing page using the Generator tool in Designmodo’s Startup Framework.

Video run time: 2 videos, about 5 minutes each


  1. Uri Apr 8, 6:12 pm

    Nice, thanks. Here’s a request, if possible for a demo URL to see the resulting landing page created in the tutorial. (Comment also applies to all tutorials).


    – Uri

  2. Valera May 8, 1:45 pm

    Woooh! Awesome :D
    Can I have this generator at my home :)
    I mean on my web server, that would be amazing!!!

  3. John Taylor Jul 23, 7:06 pm

    Hi David,

    Except for swapping out images, I’m concerned that customizing a site after using Generator might be beyond my skill level. If I wanted to say, remove one block and add another to my site, could I use generator to accomplish that?

Leave a Reply

* Minimum length: 20 characters