Tutorials
Landing pages
1 hour

Create a startup landing page

In this tutorial we'll create a typical startup landing page

The UI has slightly changed since this video was recorded.

You'll learn how to create common elements in a landing page, such as:

  • A typical Nav bar with a text logo
  • Hero Section with headings, images and a sign up field
  • Sections for features and copy for unique selling points
  • A Call to Action
  • Footer with navigation links

Tutorial resources

This may come in handy when following this tutorial:

Download assets
  • #060047 — Organizey's Primary (Nav bar, text color)
  • #EECB4D — Organizey Secondary (USPs, CTA Button)
  • #FFF7DA — Organizey Shade (Footer fill)

Ask for help or share your results!

Join the founders of Handoff and other design to code enthusiasts on the Handoff Discord.

Join Discord

Try the future of UI Design

Sign up to start designing + exporting to code today

Handoff is no longer in active development

Due to challenges with finding product-market fit, we've unfortunately had to decide to quit working on Handoff. You're welcome to play around with Handoff, but please note that access is provided on a best-effort basis, and that the product may eventually be taken offline.