How to Create a Logo for Your Website

You can create a professional logo for your website, merchandise, social media, and more through the LogoBuilder. Learn how to create a logo for your website with LogoBuilder.

Please Note: You must have an active Website Builder product to purchase the first instance of LogoBuilder. Please see Accessing the LogoBuilder below for the steps for buying the product. If you purchased eCommerce, you can access the LogoBuilder within your eCommerce dashboard. For more information, please see How to Create or Manage a Logo Using LogoBuilder.

For steps on purchasing, creating, editing, and downloading a logo for your website, select from the options below:

Purchasing and Accessing the LogoBuilder

  1. Log into your account via https://www.web.com/my-account/login.
  2. Once logged into your account, click Websites on the left menu.

  • If you have multiple website packages, click the Manage button next to the package on which you want to buy LogoBuilder.

    Please Note: If you already bought the LogoBuilder, please proceed to step 6.

  1. Scroll down and click the Create Logo button.
  2. You will be prompted to purchase the LogoBuilder for a one-time fee for your chosen website. Click Buy Now to proceed with purchasing the product.
  3. Once successfully purchased, go back to your Account Manager homepage and click Website on the left side of the page.
  4. On the right side of the page, click the Launch LogoBuilder button.

You have accessed the LogoBuilder.

Creating a Logo

Create a professional logo for your website by following these steps:

  1. Log in to your account and open the LogoBuilder. See the instructions for Accessing the LogoBuilder above.
  2. Once you open the LogoBuilder, enter your Brand Name. You will see AI-generated logo options on the right that will update live based on the brand name you provide.
    • (Optional): You can add a slogan for your logo.

  1. Choose a design to start editing your logo.

You can now edit your logo. Instructions for Editing the Logo are provided below.

Editing the Logo

When you edit your logo, the navigation on the left allows you to customize your logo. While editing, the Variations panel on the right will update as you change your logo and suggest various designs to help you.

You can modify the following logo design elements within the LogoBuilder:

You can do the following when you click on the Name icon:

  • Make your brand name appear in single or multiple lines by clicking the Multiline toggle switch.
  • Display your logo name in capital letters by enabling the Capitalize toggle switch.
  • Adjust the slider for a color mix of letters between the primary and secondary color swatches.
  • Modify the font size of the logo.
  • Adjust the letter spacing.
  • Alter the line height and spacing (with multiline on).

Slogan

You can do the following when you click on the Slogan icon:

  • Add or edit your slogan.
  • Select the number of lines you want the slogan to be broken into.
  • Change the font size of your slogan.
  • Adjust the line height and spacing between the brand name and the slogan.
  • Add a line design and alter the alignment of the text for shorter slogans.

Please Note: You can add a horizontal line to your logo by going to the Variations panel and clicking the Layout tab. 

Symbol

You can do the following when you click on the Symbol icon:

  • Add/change/remove a symbol from your logo.
  • Adjust the symbol size.
  • Alter the margin surrounding the symbol.
  • Choose where you want the symbol to appear in the logo by clicking Layout within the Variations panel.

Colors

You can choose four theme colors to customize your logo within the Colors tab. 

  • Choose from a library of preset color themes by clicking the Explore colors button. Color Themes are categorized into Bright, Minimal, and Pastels. Select the theme you like by clicking on it in the panel. The changes will automatically show while you are editing your logo.

Please Note: To load more preset themes, click the Load More button.

  • Click on the color swatch you wish to modify if you want to use custom colors. To choose the color you want, move the color slider or type a hex number. You may also use a different color swatch for each logo element. If the color selections contradict, a warning will show up.

Shape

You can do the following when you click on the Shape icon:

  • Show or hide the background shape.
  • Choose if you want the shape to be filled or not.
  • Adjust the line width of the shape.
  • Change the margin of the shape.
  • Use different shapes (i.e., circle, square, highlight elements, etc.) from the Variations panel on the right.

Merch

When you click on the Merch icon, you can see how your logo will look on different types of merchandise, such as cups, bags, t-shirts, and more! Follow the instructions below to order the merchandise.

  1. Choose a Type of Merchandise by clicking the drop-down box.
  2. Click on the Buy Merch button in the upper right corner of the page. Doing so will take you to Zazzle’s website, a third-party vendor where you can customize and purchase your merchandise.
  3. Choose the quantity of your order, then click the Add to Cart button.

  1. Next, click the View Cart + Check Out button.

  1. Enter any promotional codes or gift cards you may have in the Promo Code/Gift Card box, then click the Apply button to get a discount on your purchase. Next, click Proceed to Checkout.

Saving and Downloading the Logo

The icons and buttons on top of the LogoBuilder allow you to do the following:

  • Undo or redo changes by clicking the undo icon or redo icon.
  • Save your work by clicking the Save button.
  • See how your logo will look on your website, business card, social media accounts, and more by clicking Preview.

Download your logo by clicking Download on the top right, then clicking the Save Files button. The logo will be downloaded as a zip file and will include different versions of the logo, such as:

  • high and low-resolution
  • favicon
  • social media images
  • vectors
  • And more!

Please Note: You can no longer alter the brand name once you download the logo. However, you can still update the slogan and logo design. To create logos for different brands, you must purchase other instances of LogoBuilder.

Review

LogoBuilder allows you to design a logo for your website. You must have an active Website Builder product to purchase the first instance of LogoBuilder. Once purchased, you can launch it from your Account Manager and start creating a logo that represents your brand. Moreover, you can purchase merchandise through a third-party vendor, Zazzle.