> 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)