diff --git a/developer/quickstart.mdx b/developer/quickstart.mdx index ab601f06..9d69e30a 100644 --- a/developer/quickstart.mdx +++ b/developer/quickstart.mdx @@ -64,7 +64,7 @@ You don't need an existing Makeswift account to get started with this guide. - The browser redirects you to the Makeswift Builder once the integration is complete. If you skipped the template option, make sure to create a page. + The browser redirects you to the Makeswift Visual Builder once the integration is complete. If you skipped the template option, make sure to create a page. diff --git a/images/quickstart/global-component-edit-mode.jpg b/images/quickstart/global-component-edit-mode.jpg index ec54e81e..86ca5f89 100644 Binary files a/images/quickstart/global-component-edit-mode.jpg and b/images/quickstart/global-component-edit-mode.jpg differ diff --git a/product/builder-basics.mdx b/product/builder-basics.mdx index c8a12a2d..913559d4 100644 --- a/product/builder-basics.mdx +++ b/product/builder-basics.mdx @@ -1,10 +1,10 @@ --- -title: "Builder basics" +title: "The basics" description: The Makeswift builder is where all of the magic of visual editing happens. It allows you to visually create and update enterprise-grade web experiences with intuitive tools at your disposal. Design beautiful layouts and easily customize your site to match your brand with bespoke components. What you see is what you get with the Makeswift Builder. icon: "hammer-brush" iconType: "solid" --- -The builder is composed of 4 sections: +The Visual Builder is composed of 4 sections: diff --git a/product/introduction.mdx b/product/introduction.mdx index 8738586d..fa2f1a96 100644 --- a/product/introduction.mdx +++ b/product/introduction.mdx @@ -4,7 +4,7 @@ description: Makeswift is a composable visual page builder designed to unlock sp icon: "lightbulb" iconType: "solid" --- -With Makeswift, you can quickly build fully functioning websites with no-code. You have the ability to create pages, design layouts, manage colors and text styles, and publish your site for the world to see. To learn more about the Visual Builder, we recommend following the [hands-on Quickstart](/product/quickstart). +With Makeswift, you can quickly build fully functioning websites with no-code. You have the ability to create pages, design layouts, manage colors and text styles, and publish your site for the world to see. To learn more about the Visual Builder, we recommend following the hands-on [Quickstart](/product/quickstart). ## Default vs custom host @@ -21,7 +21,7 @@ For full details on how to integrate Makeswift into a Next.js project, refer to Learn terminology to help you easily navigate Makeswift - Drag and drop elements on your page in the Makeswift builder + Drag and drop elements on your page in the Makeswift Visual Builder - Starting with the builder utilizes Makeswift's [default - host](/product/site/hosting#default-host) while Integrating with Next.js will + Starting with the Visual Builder utilizes Makeswift's [default + host](/product/site/hosting#default-host), while Integrating with Next.js will prompt you to utilize your own [custom host](/product/site/hosting#custom-host). @@ -35,7 +35,7 @@ Choose the **Venture** template and click **Use this site**. ## Visual Builder overview -Once your new site is created, you'll be taken to the Visual Builder. Let's take a look at the different parts of the builder which is composed of 4 sections: +Once your new site is created, you'll be taken to the Visual Builder which is composed of 4 main sections: diff --git a/product/quickstart/colors-and-text-styles.mdx b/product/quickstart/colors-and-text-styles.mdx index 6cfc25b7..65cf5c2a 100644 --- a/product/quickstart/colors-and-text-styles.mdx +++ b/product/quickstart/colors-and-text-styles.mdx @@ -8,7 +8,7 @@ In the previous section, you were briefly introduced to two important concepts: ## Site colors -You can access your site colors and text styles by clicking on the Site tab in the top right corner of the builder. Notice, there is a handful of colors and text styles that come with this template. If you don't see the Site tab initially, you can deselect the selected component by clicking the `Esc` key. +You can access your site colors and text styles by clicking on the Site tab in the top right corner of the Properties Sidebar. Notice, there is a handful of colors and text styles that come with this template. If you don't see the Site tab initially, you can deselect the selected component by pressing the `Esc` key. In the **Site colors** section, click on the green color and change it to something else. Notice that all the elements that use that color will update automatically in the Canvas. This change will also be reflected in each of your different pages. diff --git a/product/quickstart/component-basics.mdx b/product/quickstart/component-basics.mdx index a557c535..571ebb9a 100644 --- a/product/quickstart/component-basics.mdx +++ b/product/quickstart/component-basics.mdx @@ -20,7 +20,7 @@ Spend a few seconds exploring the Canvas and its components. You can click on an ## Breadcrumbs -To better understand the structure of different layouts, you can use [Breadcrumbs](/product/layouts#breadcrumbs) which allow finer granularity on navigating and selecting components. To activate Breadcrumbs, hover over the label of a component and you'll see a list of its containing components. +To better understand the structure of different layouts, you can use [Breadcrumbs](/product/layouts#breadcrumbs) which allow finer granularity on navigating and selecting components. To activate Breadcrumbs, hover over the label of a component and you'll see a list of its ancestors.