Anatomy of a project

Projects

Projects to Vev are what documents are to Word. You can create projects based on existing or custom templates to get a head start. You can also choose to create blank projects to have maximum creative freedom.

Pages

A project can be made up of one or many pages, like a homepage, an “About Us” page, and several pages for articles . Pages within the same project share the same domain, e.g. website.com , and will each have a unique path, like website.com/about-us .

Sections

Sections divide up your content within a page so it’s easier to manage. Any page will contain at least one section, and you should add more sections as you add more content. With more sections, there will be more scrolling to do in the page.

But there’s more to sections — they span the whole width of the browser and act as a background for the content that goes into them. Sections can be a color, image, or video background.

Elements

Anything you add as a piece of content, be it text, images, videos, etc. is an element (formerly known as a widget) which you can control individually. You can add as many elements as you’d like.

Elements are positioned in relation to a section they belong to, which can always be changed. This link between elements and sections is essential to a successful layout of your content.

Add-ons

Sometimes you’ll need to extend the functionality of an element or apply extra effects to it, such as a fade-in animation upon scrolling. This where what we call add-ons come into the picture. They can be applied to elements and controlled independently so you can mix and match elements with any number of add-ons.

To sum up …

Projects contain pages. Pages contain sections. Sections contain elements. Elements can have add-ons applied to them.

By default, Vev comes with a diverse collection of sections, elements, and add-ons. But that’s not all, as you have access to an even wider range of options through the Vev Store. Lastly, thanks to the Code Editor, you can create and share your own custom elements and add-ons.