Levo Studio

Every time you make a change in the Style tab, you are actually styling for a specific screen size! "Desktop" is always your main, default view. Levo Studio lets you design perfectly for three different screen sizes (often called "breakpoints"):

The Primitive Tab is the foundation of your website's entire design. Think of it as your raw building blocks! Everything else on your site — every single button, block, and page — copies its style from the values you set here.

Levo's Personalization feature lets you change what visitors see based on where they live or the language they speak. Instead of showing the exact same website to everyone, you can create special versions—called variants.

The Effects menu helps you add depth and definition to your page. This is where you use borders, drop shadows, and transparency to make your items look incredibly polished!

Every page you make in Levo has a Page Type. This type decides how the page works—like if the words stay exactly the same for everyone, or if the page automatically changes to show different items (like different blog posts or events).

Every website has its own unique personality, shown through its colors, fonts, and overall style. In Levo Studio, you control this personality using the Theme feature! Think of your Theme as the master blueprint for your entire website.

When you update your website such as renaming pages, moving folders, or switching platforms some old links may stop working. When someone opens these links, they see a 404 Error (Page Not Found). This can confuse users and reduce your website’s performance on search engines.

The Background settings control what appears behind your content. This can be a simple color, a striking photo, a moving video, or a cool layered effect.

Levo automatically saves backup copies of your pages as you work. This acts like a time machine—if you ever make a mistake or want to undo a big change, you can easily revisit and restore older versions safely!

Once you’ve connected a custom domain to your Levo site, you can easily manage, update, or remove it anytime from your dashboard.

Learn how to create a new page in Levo Studio by choosing a template or starting from a blank canvas, setting page details, and publishing.

You can duplicate a page in two ways: A popup will appear asking for the new page's title and web address (slug).

When you create a website on Levo, it automatically comes with a free web address (subdomain). You can use this right away, or connect your own custom domain for a more professional and branded experience.

Two of the most important things you can control are the size of an item, and the empty space inside and around it. Getting this right is the secret to making your page look clean and professional instead of cramped or messy.

One or two well-placed animations per section create more impact than animating every single element. Learn key guidelines for effective animation in Levo Studio.

In Levo Studio, a page is simply a web address, a place your visitors go to. You get to decide exactly how it looks, what it says, and who is allowed to see it.

Your domain is your brand’s home on the internet. With Levo, you can easily connect a custom domain and control how visitors navigate your site using redirects—all without technical complexity.

Layout controls how items are arranged and positioned on your page. If you have ever felt frustrated and wondered, "Why won't these two things sit side-by-side?" — this is the menu where you fix it.

All animations on Levo use the same three timing settings: Duration, Delay, and Easing. These controls help set the rhythm and feel of how elements move. Time is measured in milliseconds (ms), meaning 1,000ms is equal to 1 second.

Levo Studio is a visual website builder enabling users to create professional sites without coding. The platform emphasizes search engine performance, page speed, and clear user experience.

Your website needs two things to show up on search engines like Google: a sitemap that lists every page on your site, and a robots.txt file that tells search engines which pages they are allowed to visit. Levo handles both automatically — but this tab lets you fine-tune the rules when needed.

Hover animations play whenever a laptop or desktop visitor places their mouse cursor over an item! Adding slightly bouncy hover animations to things like buttons and cards feels incredibly satisfying to click.

The Font Options menu controls how all your words look and feel! You can use these settings to style your headings, paragraphs, and buttons so they perfectly match your vision.

Page variants are how personalization comes to life on individual pages. You can create separate versions for specific countries or languages while maintaining the same URL. Levo automatically detects visitor location and language to serve the appropriate version.

Scroll animations are tied directly to your visitor's mouse wheel! Unlike Entry animations that just play once, Scroll animations move continuously as a visitor scrolls up and down the page (playing forward as they scroll down, and reversing like a videotape as they scroll back up!)

Access Restrictions enable site-wide control over which countries can visit your site, functioning as a gating mechanism rather than content personalization tool.

Think of Custom Code as a way to "teach" your website new tricks that aren't built-in yet. Whether you want to add a chat bubble, or change a specific font, Levo gives you two ways to add your own code safely.

When you click on anything in Levo Studio, the Edit Block Panel opens on the right side of your screen. To change how an item looks, simply click on the Style tab at the top of that panel.

Entry animations play exactly once when an item first appears on the screen. It is an amazing way to make your website reveal itself progressively as the user scrolls down!

Your Page Settings allow you to control the details, links, and behind-the-scenes information for your page.

Every single component in Levo Studio lets you build custom Variants! If the built-in styles (like the standard Button sizes or Text options) don't perfectly fit what you need, you can easily build your own from scratch.

Animations are the secret ingredient to making your website feel alive and professional instead of boring and static! The Animation tab in the Edit Block Panel lets you add incredible motion effects without writing a single line of code.

When you click on anything in Levo Studio, an Edit Block Panel pops up on the right. The first tab is the Content tab. This is where you change the words, pictures, links, and data on your page.

If you want your website to appeal to an international audience, the Personalization module is where you start! This area lets you configure support for different languages and regions, empowering you to build specialized, localized versions of your pages.

When you are happy with your changes, just click Save at the bottom of the editing panel! This will automatically apply your new design choices to your entire website.

Before targeting specific countries in page variants, you must add those countries to your workspace.

While using the Style tab, you will notice that some of the setting labels light up in different colors! Levo Studio uses these color-coded labels as helpful hints to tell you exactly where a styling rule is coming from.

Blocks are the building units of every page you create in Levo. Each block is a pre-built section — Navbar, Hero, Content, Contact Us, Footer, and more — designed so you can assemble a full webpage without writing a single line of code.

While the Primitive tab gives you raw building blocks (like colors and fonts), the Components tab lets you use those blocks to build specific items! Here, you get fine control over the major pieces of your website. Just click on any component type (like a Button or a Heading) to access its style controls.

Think of Variants as saved style "recipes" from your main Theme. Instead of slowly styling every single button or heading from scratch, you can just apply a Variant to instantly give that item a perfect, pre-made look!

In Levo, your edits are never shown to the public until you explicitly say so. This gives you the freedom to work on multiple pages at once, experiment with new designs, and only publish exactly what is finished and ready.

Items on your page actually change how they look when a user interacts with them! Levo Studio lets you easily style these different "states", giving you total control over how your website responds to your visitors.