Did you know? The logo first appeared in the 19th century. Since then, it has become a must-have! When it comes to creating a brand or taking care of its image, the logo never leaves us. All this, to say that you absolutely have to add a logo on webflow. But how?

Tips for adding a logo on Webfow

As usual, we will start with a little exercise. So create a new page, and insert some elements in the prefabricated Webflow layout; don't forget the navigation menu, first of all.

You will see that on this menu, we have reserved a space dedicated to the logo, on the left. Click on it. A small window appears, and there you see a button: add image. All that remains is to add the logo in question (that is to say: import it). In general, it is done in png, svg or jpeg format.

However, there is a small drawback: the size of the logo is a problem on small devices. So how to add a logo on Webflow tablet and smartphone? That is the question.

There is a YouTube video in which I describe this at the bottom of the article. Support me by subscribing to the YouTube channel "Happy Desk Design".

How to adapt the size of the logo to any type of screen?

Now that you have successfully added a logo to Webflow, do you notice that when you click on the image, some features appear? They will allow you to modify the characteristics of the logo.

For example, you can change the size of the logo. Once you change the size, it will remain the same for all screen sizes. Unless you specify specific dimensions for tablets and smartphones.

To do this, go to the bar at the top of your screen. Click on the "smartphone" icon to see a preview of the site on your cell phone (same for the tablet). When you are on these windows, you can then change the size of the images. It will be specific for each screen.

Are there other reasons to add a logo on webflow?

The logo is simply the heart of a brand's image. This graphic will help people to identify a company and even differentiate it from another. Especially since nowadays there are so many companies and startups offering the same services. Might as well stand out with a logo, right?

The logo is also the one that will encourage your prospects to want to know you better. Indeed, humans are by nature interested in designs, colors, images... And this theory is proven.

So, if your logo is attractive enough, they won't hesitate for a second to browse your site a little longer (just to get to know you better). At first, it's out of curiosity, but as they browse, who knows if they might not want to use your services? You never know.

To be able to add a logo on webflow, you need to have one. So, how to create an efficient logo?

How to create a logo for your website?

On one hand, your logo must be consistent with your website. I mean especially the color, the typography... On the other hand, it should also be the same on your social networks.

Simplicity should also be the key word when it comes to designing a logo. Customers and prospects should be able to remember it easily. Among several logos, they will be able to recognize yours quickly! Do you remember the logos of Apple and Facebook? Simple, but effective !

You will also have to think about its flexibility. No matter what size screen the logo will be viewed on, will it be visible enough? Also, is it suitable for different surfaces: business card, t-shirt...

Finally, timelessness is very important. Even after a few months, or even years, your logo must not be "old fashioned". So, when designing the logo, make sure it is classic.

Conclusion
If you have a logo, but it doesn't appear on your site yet, it's time to integrate it. As you've seen throughout this article, it's just a few clicks away! If you don't have a logo yet, you know what you have to do.

YouTube: How to add your LOGO on Webflow? 2020

Come back to this page whenever you want. Did you find any ideas that I forgot? If so, what are they? Leave a comment below or send an email to hello@happydesk.be