• Editors’ Picks
  • Inspiration
  • Topics
  • About
Menu
Discover
  • Editors’ Picks
  • Inspiration
  • Topics
  • About
We collect the best content published with WordPress. What’s your story?
Create your blog or website at WordPress.com

How to Create a Website Logo: A Tutorial for Non-Designers

Feature by
Cheri Lucas Rowlands
  • Business

After sharing tips on how to build a strong visual brand, some of you asked for guidance on creating your own logo for your business or personal brand. Using Canva’s handy Online Logo Maker, here’s a quick tutorial on making a logo for your site.

Canva is a free graphic design tool that you can use to make a custom header and other images for your site, as well as banners or graphics for social media. If you’re not a graphic design whiz, it’s a great way to create your own images. In this how-to, we’ll use Canva’s Online Logo Maker to make a simple yet professional logo for an imaginary restaurant, The Breakfast Spot.

Create your site logo with Canva

Tip: Each theme has its own ideal logo dimensions.
Check your theme’s support page for details.

Go to the Online Logo Maker and click the green Start Designing a Custom Logo button to open the Canva editor. On the left, you’ll see the Layouts panel, populated with many pre-made logos. For our restaurant’s logo, I envision a circle to emphasize the “spot” in “The Breakfast Spot.” Scrolling through the options, I see a logo for Fleur Organic Cosmetics, which includes a purple circle. I drag and drop the logo into the empty square on the right in the editor.

In Canva, you can deconstruct these pre-made logos to fit your needs, so if you like an element within a logo (a shape, the combination of fonts, the color palette, etc.), experiment with it! You can click on parts of a logo to delete existing elements (like the text) and start fresh. Here, I’ll begin by selecting and deleting the text (“Fleur Organic Cosmetics”).

I want to change the color palette of this logo, so I click on the cream background to make sure it’s selected, then click a small square at the top left of the editor, which displays the current background color (cream). I’d like a white background instead, so I select the white swatch at the bottom right of the color picker tool.

This action changes the background from cream to white:

Tip: If you want to use a specific shade, click the + in the color picker tool to enter a six-digit color code.

Next, I want the primary shade in my logo to match the colorful interior and laid-back vibe of my beachside restaurant. I click somewhere inside the circle to select it, and once again open the color picker tool by clicking on the small square at the top left of the editor. Our restaurant’s front door and the accent color on our walls is a bold coral pink, so I select this shade to visually tie our physical business to our website.

Tip: If you don’t see a text sample you’d like to work with, click the heading, subheading, or descriptive text options at the top and make your own from scratch.

Now it’s time to add some text! On the left-side panel, you’ll see different tabs: Layouts, Elements, Text, Background, and Uploads. Let’s click on Text to add our restaurant’s name to the logo. In the Text tab, you’ll see many pre-designed font combinations to choose from. Let’s explore all these options! If you click on sample text that isn’t right for your logo, just delete it by clicking the trash icon at the top right of the editor.

After scrolling and trying a few samples, I find one with a lovely hand-drawn font, Playlist Script, that I’d like to use for my logo. (You can view the font of any sample text by looking for the font name at the top left of the toolbar.)

After deleting the default description text of one of these text samples, I type the restaurant’s name, The Breakfast Spot, and place it on three lines. I use the Text Align tool in the toolbar to center the text, and use the Font Size dropdown menu to resize the text so it fits nicely inside the circle.

When I’m happy with the logo, I click on Download and save it as a JPG. Success!

Add your logo to your website

The last step is adding this new logo to the restaurant’s website. To do this, we’ll go to My Site(s) → Customize → Site Identity, click Select logo, upload the new logo image to the Media Library, and add it in the Customizer.

Depending on your theme, you may want to hide your site title and tagline and display your logo only, as I’ve done on this restaurant website. To do this, uncheck the box next to “Display Site Title and Tagline.”

For more reading on logos and brand identity design, explore the website Logo Design Love.

And voilà! The Breakfast Spot has a new Site Logo for its website, made with the handy tools at Canva. Need additional assistance getting started with Canva? Visit the Canva Help Center.


Ready to take your site to the next level? Get unlimited access to premium themes, take advantage of the payment button, use custom CSS, and much more with a WordPress.com Premium plan.

Compare our plans

Inspired to tell your own story?
WordPress.com has everything you need to create your blog or website.
Get started
March 22, 2018Business, Design, Inspirationblogging, brand identity, branding, Canva, logo, site logo, Small Business, web design

Related

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to email this to a friend (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • More
  • Click to share on Reddit (Opens in new window)
  • Click to share on Tumblr (Opens in new window)
  • Click to share on Pinterest (Opens in new window)
  • Click to share on Pocket (Opens in new window)

Like this:

Like Loading...
98 Comments

Comment navigation

← Older Comments
  1. ibringyoufly says:
    March 23, 2018 at 5:40 pm

    Thanks for sharing. This is a good idea to make a nice logo. But I hope you can share more interesting and creative logos with us. That will be awesome!

    LikeLiked by 13 people

    1. Cheri Lucas Rowlands says:
      March 23, 2018 at 6:58 pm

      I wrote about a few more logos in this post: https://wordpress.com/discover-wordpress/2017/07/31/site-logo-examples/

      I’ll see if I can do another logo post in the coming months — thanks for reading!

      LikeLiked by 10 people

  2. jandey says:
    March 23, 2018 at 5:49 pm

    Oh that’s very helpful. I liked it so much.

    LikeLiked by 11 people

  3. bookwalkers says:
    March 23, 2018 at 7:04 pm

    This post is really helpful!

    LikeLiked by 9 people

  4. dantasmc says:
    March 23, 2018 at 8:40 pm

    Thank you so much! I’ve had this website for a month now and was wondering how to create a logo that looked good – or at least enough for what I was looking for.

    That was so helpful. Thank you again!

    LikeLiked by 10 people

  5. bamabreze says:
    March 23, 2018 at 9:09 pm

    Can’t wait to put this advice to work!!

    LikeLiked by 14 people

  6. daughter of an annorexic says:
    March 23, 2018 at 9:55 pm

    Thanks — this is really helpful.

    LikeLiked by 7 people

  7. lashnight says:
    March 24, 2018 at 12:07 am

    Thank you for sharing these tips!!

    LikeLiked by 8 people

  8. areadingcat says:
    March 24, 2018 at 4:20 am

    wow! this is so helpful! thanks so much!! i’ll try it right now! x 💕

    LikeLiked by 12 people

  9. The Levi's Piece says:
    March 24, 2018 at 5:14 am

    Thank you so much, it’s of great help

    LikeLiked by 8 people

  10. AsiaJackson says:
    March 24, 2018 at 6:54 am

    So helpful! I needed this, thank you.

    LikeLiked by 6 people

  11. Nika Cater says:
    March 24, 2018 at 8:48 am

    I’m so glad that i stumbled across this article. This is so useful and easy to understand. Thank you so much, good job!

    LikeLiked by 6 people

  12. Mauli says:
    March 24, 2018 at 12:01 pm

    Really thank you so much! It helped a lot! I was finding a way to make logos from really early but now finally I made and also several of them! Thanks.

    LikeLiked by 5 people

  13. iamalphak says:
    March 24, 2018 at 3:21 pm

    Very digestible guide, Canva is a blast and sometimes gets me carried away with things I would never use, Haha. Enjoyed the post.

    LikeLiked by 4 people

  14. Seidowhi says:
    March 24, 2018 at 8:43 pm

    Thank you so very much. Now I can create my own logo.

    LikeLiked by 5 people

  15. Wolfe Butler says:
    March 25, 2018 at 7:26 am

    Thank you for this great post. Canva is my latest obsession, and I spend hours on it almost every day.

    LikeLiked by 6 people

  16. Stef Caron says:
    March 25, 2018 at 10:18 am

    Nice. How about some advice on designing and using your own font?

    LikeLiked by 5 people

    1. Cheri Lucas Rowlands says:
      March 26, 2018 at 11:37 am

      Hi there — we probably wouldn’t publish a tutorial on designing your own font — the majority of our readers, largely beginners, would not need this. But I’m sure you could find resources from design sites on the topic. Thanks for reading!

      LikeLiked by 4 people

  17. teckiela says:
    March 25, 2018 at 10:50 am

    Nice tutorial. I will try it next week.

    LikeLiked by 4 people

  18. bridewithquestions says:
    March 25, 2018 at 11:33 am

    This is wonderful. Thank you so much for posting this 🙂

    LikeLiked by 5 people

  19. MellyFit says:
    March 25, 2018 at 12:04 pm

    Yes! Canva has been such an incredible and free way to make your own branding! From logos to business cards to brochures!

    LikeLiked by 4 people

  20. Lia says:
    March 25, 2018 at 4:50 pm

    Thanks for this! 😊

    LikeLiked by 6 people

  21. Gains & Brains says:
    March 25, 2018 at 8:13 pm

    I use Canva to create flyers for my job- love it so much. thanks for this; very helpful!

    LikeLiked by 4 people

  22. PsychicUnicorn says:
    March 26, 2018 at 4:50 am

    I always use Canva. I might try to make a little logo of a unicorn if I can for my psychic blog. Thanks for the article — was great to read.

    LikeLiked by 5 people

  23. Theeverythingguy says:
    March 26, 2018 at 12:28 pm

    Wow that’s awesome! It’s crazy how simple and easy things are getting. I found this neat app that allowed you to do something similar to Canvas. very cool thanks for the share!!

    LikeLiked by 8 people

  24. Appleslot says:
    March 26, 2018 at 12:35 pm

    Very educational guide for a newbie like me. I am glad to hone up with WordPress in this journey.

    LikeLiked by 4 people

  25. Thelegend says:
    March 26, 2018 at 1:31 pm

    Great writing! I like the photos too. But you have so much amazing work!

    LikeLiked by 4 people

  26. ANJALI JHA says:
    March 26, 2018 at 2:07 pm

    I really love it — quite useful.

    LikeLiked by 5 people

  27. Alex Frazier says:
    March 26, 2018 at 6:45 pm

    Very insightful and helpful! Thank you!

    LikeLiked by 4 people

  28. enarouxsupplyco says:
    March 26, 2018 at 6:48 pm

    Just downloaded it myself…totally worth for designers of all levels!

    LikeLiked by 4 people

  29. Vincent Yeemayor says:
    March 26, 2018 at 8:22 pm

    Oh amazing! Thanks 🙂

    LikeLiked by 5 people

  30. neatsoap says:
    March 26, 2018 at 9:39 pm

    Hello!! I have a small soap business and a blog that I’m presenting to my Social Media Marketing class at CSUSM! Do you have any suggestions based on my page on a neat logo I can create?

    LikeLiked by 4 people

    1. Cheri Lucas Rowlands says:
      March 27, 2018 at 10:30 am

      A custom header image with a display of your soaps? A simple logo image of a bar of soap in the center? A logo with your brand/business name written in font that’s smaller than the default font on your current theme (Snaps)? You can go in many directions — I’d experiment to see what works for you.

      LikeLiked by 6 people

  31. thesnarfy says:
    March 27, 2018 at 1:06 am

    This is great simple way to get some branding and icons for sure. It’s a light weight way to take on the task of getting known. I’m sure a lot more premium services can offer more features but this is simple and has anything a new budding blog might need. Great post.

    LikeLiked by 4 people

  32. afdahfreemovies says:
    March 27, 2018 at 2:36 am

    Very helpful, really this is an easy way. Thanks for sharing this with us.

    LikeLiked by 3 people

  33. giftcardsonline365 says:
    March 27, 2018 at 5:02 am

    How to create your site logo with our image?

    LikeLiked by 5 people

    1. Cheri Lucas Rowlands says:
      March 27, 2018 at 10:26 am

      In Canva, there is an option to upload your own assets/images. In the left-side panel, click on Uploads. You can upload your own image files in similar image/graphic design tools, too (like PicMonkey).

      LikeLiked by 5 people

      1. giftcardsonline365 says:
        March 27, 2018 at 9:31 pm

        Thanks a lot!

        LikeLiked by 5 people

  34. winnie najjuma says:
    March 27, 2018 at 5:16 am

    That is so great. I had no logo on my website but then am going to give it time.

    LikeLiked by 4 people

  35. yash patel says:
    March 27, 2018 at 8:14 am

    Thank you for this! I needed this.

    LikeLiked by 4 people

  36. Aashni says:
    March 27, 2018 at 3:42 pm

    this is great!

    LikeLiked by 4 people

  37. Aziz Qazi says:
    March 28, 2018 at 4:20 pm

    Thanks for sharing — useful tool.

    LikeLiked by 3 people

  38. Myra says:
    March 28, 2018 at 10:30 pm

    seems cool and I was able to get started right away

    LikeLiked by 4 people

  39. Scotty Byrd's Blog says:
    March 28, 2018 at 11:17 pm

    Nice I do this myself I recommend adobe illustrator and photoshop to anyone needs to thumbnails and logos I have a outdated one cs2 but still can do all the stuff needed!!

    LikeLiked by 6 people

  40. Kailyn says:
    March 28, 2018 at 11:34 pm

    The screenshots were super helpful, thanks for the tips!

    LikeLiked by 7 people

Comment navigation

← Older Comments

Comments are closed.

Discover

  • Follow Discover on WordPress.com
    • Editors’ Picks
    • Inspiration
    • Topics
    • About
  • From the Editors

    The WordPress.com Blog

    The Daily Post

    WordPress.com Courses

    Longreads

  • Latest on Twitter

    My Tweets
  • Create your blog or website at WordPress.com
    An publication Brought to you by WordPress.com
    Cancel

    You must be logged in to post a comment.

    Loading Comments...
    Comment
      ×
      loading Cancel
      Post was not sent - check your email addresses!
      Email check failed, please try again
      Sorry, your blog cannot share posts by email.
      %d bloggers like this: