All Collections
The Design Editor
Creating Projects in Vev
Creating Projects in Vev

Learn how to create, structure, and manage a project in the Design & Content editors

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

As you build in Vev, you will naturally start to understand how projects are structured. This article will help get you familiar with how projects work.

Creating a project

From scratch

  • From the dashboard, click on the yellow Create Project button on the top-right

  • Select a Blank canvas project

  • Click on Start from scratch

From a Template

  • From the dashboard, click on the yellow Create Project button on the top-right

  • Choose the template you like the most (you can click preview to check it out)

  • Click on Use template

You can also create your own templates. Read this article to learn how to do it.

Note: To create your own templates, you must be on the professional plan at the least.

Setting your main breakpoint

You can modify a website's layout or styling to accommodate different screen sizes by adjusting breakpoints. Breakpoints consist of a starting point, a finishing point, and a range in between.

When starting from a blank canvas, you can choose your starting layout for Desktop-first, Tablet-first, or Mobile-first. We recommend starting with Desktop-first and easily optimizing for tablet and mobile later if needed. We recommend turning on the "Inherit styles across breakpoints" toggle as it speeds up the workflow in creating responsive content.

Starting from a breakpoint preset

You can use any of the presets you've saved by choosing them from the “Saved breakpoint presets” menu. Using saved breakpoint presets is a Professional and Organizational feature.

You can easily create, edit or delete a preset when creating a new project.

When pressing the edit or create button it will from the right open a drawer where you can manage the preset.

Here you can:

  • Edit each individual breakpoint by

    • Giving it a new name

    • Edit its size

    • Set as the Main breakpoint, if not already set

  • Add new breakpoints

  • Edit the preset name

Be aware that deleting a preset is an account-wide action, so users on the same account will no longer have access to the preset. Projects that already use the preset will not be affected.

Naming a project

  • Name and customize your project name by clicking on the Project title field at the top of the page.

  • Here, you can also change which Folder the project is located in.

General Project Settings

When you don't have any element from your project selected a panel with your project general settings will appear on the right side of the editor. Have a look at the list below to check the available settings.

  • Color styles: When you create a template using Color Styles, you can set a color theme for the folder. This will be used when you create future projects using templates and includes:

    • Accent palette

    • Background palette

Did this answer your question?