# Grafikanforderungen für Partner & Dienstleister

Im Rahmen der Erstellung eines neuen Netzwerks benötigen wir von allen beteiligten Partnern und Dienstleistern spezifische Grafikformate. Die folgenden Informationen enthalten alle relevanten Anforderungen zu Logos, Web-Assets, Gutscheinmaterialien und digitalen Anwendungen – übersichtlich und detailliert erklärt.

***

## LOGO

Für den Aufbau eines neuen Netzwerks benötigen wir zwei Logo-Varianten:

Eine farbige Version (klassisches Logo)

Eine weiße Variante für den Einsatz auf farbigen oder dunklen Hintergründen

Das Logo sollte außerdem möglichst horizontal angelegt werden und muss innerhalb des Rahmens linksbündig positioniert werden.

Größe: 1600 × 400 px

Formate:

PNG mit transparentem Hintergrund, mindestens 300 dpi

Illustrator-Datei (.ai) mit Angabe der verwendeten Schriftarten<br>

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

***

## PORTAL

Für einen einheitlichen Webauftritt werden drei grafische Elemente benötigt:

#### 1. Startbild (Portal-Header)

Das Bild dient als zentrales Aufmacherbild des Portals. Bitte beachten:\
Der obere Bildbereich wird vom Header überlagert, und mittig befindet sich ein Bedienfeld. Wichtige Bildelemente sollten daher nicht im oberen oder mittleren Bereich platziert werden.

Größe: 1920 × 1080 px

Format: JPG, PNG oder TIFF mit mindestens 300 dpi

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

#### 2. Open Graph Bild (Vorschaubild für Social Media & Link-Sharing)

Das Bild wird bei Link-Vorschauen verwendet. Es sollte gestalterisch zur Website passen und nach Möglichkeit das Logo sowie andere Wiedererkennungsmerkmale enthalten.

Die Positionierung eines Logos im Open Graph sollte möglichst zentriert vorgenommen werden um eine höchstmögliche Lesbarbeit bei unterschiedlichesten Plattformen gewährleisten zu können.

Größe: 1200 × 1200 px

Format: JPG, PNG oder TIFF mit mindestens 300 dpi

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

#### 3. Favicon (Browser-Icon)

Das Favicon ist sehr klein – daher sollte ein klar erkennbares, skalierbares Motiv verwendet werden. Ideal ist eine reduzierte Form des Logos oder ein gestalterisches Element daraus.

Größe: 320 × 320 px

Format: JPG, PNG oder TIFF mit mindestens 300 dpi<br>

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

***

## WALLET-GRAFIKEN

Da der Gutschein auch online verfügbar ist, benötigen wir zwei Grafiken für die digitalen Wallets.

Eine Platzierung des Logos innerhalb der Wallet-Grafiken ist nicht erforderlich, da es automatisch über dem Bild angezeigt wird.

Apple Wallet: 1125 × 432 px

Google Wallet: 1032 × 336 px

Formate: JPG, PNG oder TIFF, jeweils mit mindestens 300 dpi

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

***

## GUTSCHEINE

#### 1. DIN A5 Klappkarte (Papier)

Gestaltung des Covers der analogen Gutscheinkarte.

Größe: 1098 × 1606 px

Format: JPG, PNG oder TIFF mit mindestens 300 dpi

#### 2. Plastikkarte

Gestaltung der Vorderseite der Plastikkarte.

Größe: 1063 × 685 px

Format: JPG, PNG oder TIFF mit mindestens 300 dpi<br>

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

***

## PARTNER & SPONSOREN

Falls Partner oder Sponsoren auf den Gutscheinen erwähnt werden, benötigen wir deren Logos:

Größe: 301 × 162 px

Format: PNG mit transparentem Hintergrund, mindestens 300 dpi


---

# Agent Instructions: 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:

```
GET https://networks-docs.zmyle.de/grafikanforderungen-fur-partner-and-dienstleister.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.