Your first design

Flowmo is more like a design platform than a web-builder, you are free to design whatever you want without the limitations of blocks, html elements or other technical rules, you can get really to anywhere you'd like!

But... for now lets start with the basics :)

We will crate a basic landing page with an Image, title, text and a button.

We recommend making sure you have the following elements as part of your landing page. However its all up to you! Anything you design will be created as a live asset once you publish your page.

A page the main element in Flowmo, pages are made of frames so to get started we will create a frame and set it's width to 1280 and height to 800

We'll drag an image inside, Flowmo accepts various image file types:

JPG,PNG,GIF,WEBP,SVG

Alternatively, you can create an image from the image button or paste an image from clipboard.

For this Landing page, we dont think the white background is a good fit so we will change it to black, so we'll select the main frame (page), and change its fill.

We will add a title with by clicking the text tool at the topbar and then click and drag where we would want the title to be shown.

Then we will change its font and size.

We will now duplicate the title clicking ctrl or cmd + D, change the text and font size.

Currently our title and text sizes are fixed, lets change this to fit the text and hug it.

To keep things well organized, we will add a layout, first for the title and text.

We will select both text objects and go to the layout section and click on the plus icon.

After adding the layout we will change the direction to vertical with the arrow down button.

then we will add another one for this block and the image together.

In both cases we will add gap between the elements.

We will create another text by duplicating the text again.

Then, we will wrap it inside of a layout.

Then, add spacing and a background color.

For the final touch we'll also add a border radius.