Vev Help Center
Search…
πŸ”¨
How to build
Learn how to create, structure, and manage a project in the Design & Content Editors.
As you build in Vev, you will start to naturally understand the way in which projects are structured. Here is an overview of the structure and some tips to get started.
In this lesson:
    Starting a Project
    Anatomy of Project

Starting a Project

To start in Vev and build your first project, you will need to understand how to set up your project and page.
    1.
    Creating a Project
    2.
    Selecting a Project Layout
    3.
    Naming a Project and Front-page

Creating a Project

There are two ways to create a project in Vev:
    1.
    From the dashboard, click on the blue 'Create Project' button on the top-right
    2.
    Click on the '+' plus icon next to Drafts on the left side of the dashboard
After, you'll be greeted with a screen to start from a Blank project or a Template. For this example, we will start with a blank canvas creation.

Setting your Project Layout

When starting from a blank canvas, you can choose the option that is best for your digital content. The most popular starting point for any digital creation is 'Desktop first'.

Naming a Project and Front-page

    Name your project by clicking on the 'Untitled Project' field and typing a new name
    Rename your first page, double-click the page with the Home icon on the right-side Page Panel
Note: Vev auto-generates a name to your front page. You can rename the front page manually in the left-side layer panel.

Anatomy of a project

Overview

When building in Vev, it's best to stick to a strict hierarchy or 'anatomy' for your designs. This hierarchy is comprised of sections, elements, and add-ons.
#
Anatomy
Description
1
Projects
From here, you can edit page settings, meta-data, hosting, and additional plug-ins.
2
Sections
Full-width sections that can be added to your canvas with varying pre-built functionality.
3
Frames
Containers or divs meant to group and organize elements.
4
Elements
Text, images, buttons, and more.
5
Animations & Addons
Extend the functionality and interactivity of your content. Animate, link, call APIs, track events with your analytics tools, and much more.

Sections

Sections are fundamental to your design, in fact, you can't build in Vev without it.
Put simply, sections are full-width components that can extend the entire browser window as opposed to frames and elements which are only contained within the safe zone.

Frames

Frames are meant to organize and contain elements in order to make responsive design easier. They can also function as a design tool to create more immersive and interactive behavior.

Elements

Elements are the building blocks of your canvas such as text, images, buttons, and more.

Animations & Interactions

Breathe life into your design and content by adding animations and interactions.

Addons

Extend the functionality of your content using addons like scroll speed.
Last modified 1mo ago