> 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/einstellungen/design.md).

# Design

<figure><img src="/files/ffLfvdTXx5r5G8pFAG4f" alt=""><figcaption></figcaption></figure>

Die Design Einstellungen sind ein Extrapunkt unter den Einstellungen. Aktivieren Sie die jeweiligen Einstellungen mit "Bearbeiten". Schliessen Sie die Bearbeitung mit "Sichern" ab.&#x20;

### Logo & Startbildschirm <a href="#mein-betrieb-logo" id="mein-betrieb-logo"></a>

Das **Logo** wird zur Anzeige Ihres Firmenlogos in der Speisekarte oben links und auf dem Kundenbeleg verwendet.

Das **Startbild** dient dazu, ihren Kunden emotional willkommen zu heissen. Es wird nur auf dem Ladebildschirm eingeblendet bis sich der Shop im Hintergrund geladen hat. Ist kein Startbild vorhanden, wird das Logo eingeblendet.

#### Logo

Fügen Sie eine quadratische Bild-Datei im Format jpg oder png hinzu. Eine Größe von ca. 500 x 500 px liefert die besten Ergebnisse.

<figure><img src="/files/CSWJxXCDkOp3JuKSPF9l" alt=""><figcaption></figcaption></figure>

#### Startbildschirm <a href="#mein-betrieb-logo" id="mein-betrieb-logo"></a>

Fügen Sie eine quadratische Bild-Datei im Format jpg oder png hinzu. Eine Größe von ca. 500 x 500 px liefert die besten Ergebnisse.

### Design Einstellungen:

<figure><img src="/files/isXm3aP6Ft6Cyk2HOo3F" alt=""><figcaption></figcaption></figure>

#### Akzentfarbe:

Die Akzentfarbe hat grossen Einfluss auf das Aussehen Ihres Shops. Alle Bedienelemente und Knöpfe haben diese Farbe.&#x20;

Das OIDO Rot #DB2240 ist gut lesbar. Wählen Sie eine Farbe aus dem Internet-Farbsystem, das zu Ihrem Erscheinungsbild passt.&#x20;

{% hint style="info" %}
.Beachten Sie, dass die Bedienelemente dunkel genug sein müssen, damit die weisse Schrift darauf gut zu lesen ist.
{% endhint %}

#### Theme:

Es gibt 7 vordefinierte Schriftenkombinationen:

**ODIO**

<figure><img src="/files/HCcoArRSpXdy2cwdZCWg" alt=""><figcaption></figcaption></figure>

**REFINED**

<figure><img src="/files/nnHElrqushPg5n1xPGZG" alt=""><figcaption></figcaption></figure>

**GROTESK**

<figure><img src="/files/6k31iGqX0tWWB5c5NRbk" alt=""><figcaption></figcaption></figure>

**IMPACT**

<figure><img src="/files/3APXDsNsyia8z4nEPzL1" alt=""><figcaption></figcaption></figure>

**HUMANIST**

<figure><img src="/files/OnA0wL6IrgxtdaeY9GhC" alt=""><figcaption></figcaption></figure>

**HARMONIY**

<figure><img src="/files/zC5nxqKc24hVC8UwKdus" alt=""><figcaption></figcaption></figure>

\
**EDITORIAL**

<figure><img src="/files/DvM7u7b9xw2uYqtQdhuS" alt=""><figcaption></figcaption></figure>