> For the complete documentation index, see [llms.txt](https://oido.gitbook.io/hilfe/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://oido.gitbook.io/hilfe/help/settings/design.md).

# Design

![](https://oido.gitbook.io/hilfe/~gitbook/image?url=https%3A%2F%2F3813206613-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FeK4oMzfvOzLa1xA217lX%252Fuploads%252FpNaKEALGNcRc3rfg5jZ7%252FDesign-help-backend%2520DEU.webp%3Falt%3Dmedia%26token%3Dbe0e39e7-0518-4566-a4cb-f7457d5d4257\&width=768\&dpr=3\&quality=100\&sign=812abb03\&sv=2)

The Design settings are a separate section within the Settings menu. Enable the relevant settings by clicking “Edit.” Click “Save” to complete the changes.

​

#### **Logo & Welcome Screen**

​

The Logo is used to display your company logo in the top-left corner of the menu and on the customer receipt.

​

The start screen is used to give your customers a warm welcome. It is only displayed on the loading screen until the shop has finished loading in the background. If no start screen is available, the logo is displayed.

​

#### **Logo**

​

Add a square image file in jpg or png format. A size of approximately 500 x 500 px provides the best results.

![](https://oido.gitbook.io/hilfe/~gitbook/image?url=https%3A%2F%2F3813206613-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FeK4oMzfvOzLa1xA217lX%252Fuploads%252FwFBTLzBwEUyMI673WMqX%252FDesign-Startbidschirm-backend-deu.webp%3Falt%3Dmedia%26token%3Ddda3d3f0-9d41-4473-95cf-eae5dbd05ae0\&width=768\&dpr=3\&quality=100\&sign=12f1069a\&sv=2)

#### **Home Screen**

​

Add a square image file in JPG or PNG format. A size of approximately 500 x 500 px yields the best results.

​

### **Design Settings:**

![](https://oido.gitbook.io/hilfe/~gitbook/image?url=https%3A%2F%2F3813206613-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FeK4oMzfvOzLa1xA217lX%252Fuploads%252F6E9yYpKWhQtXMxBMsZNe%252FDesign-farbe%2520-themes-backend-deu.webp%3Falt%3Dmedia%26token%3Dfa60fe22-7f38-4560-88d4-09f63f42c3a6\&width=768\&dpr=3\&quality=100\&sign=80aee61b\&sv=2)

#### **Accent color:**

​

The accent color has a major impact on the look of your store. All controls and buttons use this color.

​

OIDO Red #DB2240 is easy to read. Choose a color from the web color system that matches your brand identity.

​

{% hint style="info" %}
Note that the controls must be dark enough so that the white text on them is easy to read.
{% endhint %}

### **Theme:**

#### Choose from 7 predefined font combinations:

**ODIO**

![](https://oido.gitbook.io/hilfe/~gitbook/image?url=https%3A%2F%2F3813206613-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FeK4oMzfvOzLa1xA217lX%252Fuploads%252Fd21HDXe7xyn7jXEDDVD4%252FTheme-OIDO.webp%3Falt%3Dmedia%26token%3De66b85b0-465f-4a65-8452-61e82639f197\&width=768\&dpr=3\&quality=100\&sign=6d75fa2d\&sv=2)

**REFINED**

![](https://oido.gitbook.io/hilfe/~gitbook/image?url=https%3A%2F%2F3813206613-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FeK4oMzfvOzLa1xA217lX%252Fuploads%252F3gx9uvzsb6aLtpokbjE4%252FTheme-Refined.webp%3Falt%3Dmedia%26token%3D9d3ecad5-b469-49d4-b0af-7cc88b514c56\&width=768\&dpr=3\&quality=100\&sign=bd9575e9\&sv=2)

**GROTESK**

![](https://oido.gitbook.io/hilfe/~gitbook/image?url=https%3A%2F%2F3813206613-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FeK4oMzfvOzLa1xA217lX%252Fuploads%252FSOeg74S3F7j89dbThvAW%252FTheme-Grotesk.webp%3Falt%3Dmedia%26token%3D6a244cda-14e9-456a-af49-0a445a854d44\&width=768\&dpr=3\&quality=100\&sign=c61c240d\&sv=2)

**IMPACT**

![](https://oido.gitbook.io/hilfe/~gitbook/image?url=https%3A%2F%2F3813206613-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FeK4oMzfvOzLa1xA217lX%252Fuploads%252FVCG5ECR45BxVblC1ESpM%252FTheme-Impact.webp%3Falt%3Dmedia%26token%3Dc49c0669-eae8-4d41-abe3-b4717eb558c7\&width=768\&dpr=3\&quality=100\&sign=cabc7a3f\&sv=2)

**HUMANIST**

![](https://oido.gitbook.io/hilfe/~gitbook/image?url=https%3A%2F%2F3813206613-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FeK4oMzfvOzLa1xA217lX%252Fuploads%252FAH69kiT6jTz0iCQzuURQ%252FTheme-Humanist.webp%3Falt%3Dmedia%26token%3D4466f00d-492c-437d-acd6-23b506a390cc\&width=768\&dpr=3\&quality=100\&sign=ba69bf9\&sv=2)

**HARMONIY**

![](https://oido.gitbook.io/hilfe/~gitbook/image?url=https%3A%2F%2F3813206613-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FeK4oMzfvOzLa1xA217lX%252Fuploads%252Fnb6Td326f3kslTnNueoV%252FTheme-Harmony.webp%3Falt%3Dmedia%26token%3Ddbe28e80-4d86-466e-9967-0e0b3481cc19\&width=768\&dpr=3\&quality=100\&sign=751761a7\&sv=2)

**EDITORIAL**

![](https://oido.gitbook.io/hilfe/~gitbook/image?url=https%3A%2F%2F3813206613-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FeK4oMzfvOzLa1xA217lX%252Fuploads%252FYepXNoLom3xlLNvRG5Ui%252FTheme-Editorial.webp%3Falt%3Dmedia%26token%3Df3538094-df23-4c24-87a6-b41097826aa9\&width=768\&dpr=3\&quality=100\&sign=81bb4784\&sv=2)


---

# 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://oido.gitbook.io/hilfe/help/settings/design.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.