> For the complete documentation index, see [llms.txt](https://knowledge.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://knowledge.themeware.design/knowledge-base/tips-and-tricks/logo-design-tips.md).

# Logo design tips

We are not only Theme Developers but also Graphic Artists and Designers. Therefore, we are well aware of the importance of the shop logo for the appearance of your shop. That's why our recommendation is to have your logo created by a professional - at least if you don't have a logo yet.

Of course, you may also create a logo yourself, use an online "logo maker" or purchase a logo from a stock provider. Alternatively, there is also the possibility to instruct a logo to be created by relevant freelancer portals or simply to use our logo template.

Maybe none of the points apply to you, because you simply want to continue using your existing logo or have it adapted or customized for your online shop.

No matter which variant you decide on: Please keep in mind that your logo is and will be THE trademark for your shop. It is therefore an essential part of your visual appearance and a key to the recognizability of your shop.

In the following we will provide you with a few tips helping you with your logo design:

* Don't use **too small-areaed or too detailed graphics** for your shop logo. These are usually not well suitable for small viewports. Therefore, deposit at least for small logos a less detailed variant.
* In order to avoid interpolation blurring due to browser scaling of pixel graphics, use a logo in a size as suitable as possible - preferably slightly larger than required. Feel free to orientate yourself using our image templates.
* **Compress a pixel graphic** with a free online tool like TinyPNG when necessary.
* For perfect scalability the best way is to use a **vector graphic of your logo**.
* **Logos in landscape format** are a good choice, as they fit into most viewports to save space in the various headers or header layouts.
* **Avoid unnecessary empty space** surrounding the actual graphic. This greatly facilitates the placing and alignment of the logo.

{% hint style="success" %}
**Tip**: You are most welcome to take a look at our online course "Graphic Design", which is included in ThemeWare®. The access you get via the [ThemeWare Utilities](https://service.themeware.design/en/themeware-utilities).
{% endhint %}

**Detail Level of Logo:**

![On the left: very small-areaed and difficult to recognize in small size | On the right: well recognizable even in a small size](/files/g2m06JIx3yKS0k26qW5c)

**Unnecessary empty space in the graphic:**

![On the left: unnecessary empty space in the graphic | On the right: optimally cropped graphic](/files/xlLvYorKLDmGgep7T7ni)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://knowledge.themeware.design/knowledge-base/tips-and-tricks/logo-design-tips.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.