---
title: "Design"
description: "Logo, Farben, Schrift, Radius und Kartenstil der öffentlichen DPP-Seite konfigurieren."
canonical_url: "https://digital-product-passport.cloud/docs/produktdokumentation/dpp-page/design"
---

> Index of every page on this site: [llms.txt](https://digital-product-passport.cloud/llms.txt)

Unter **DPP Page → Design** wird das Erscheinungsbild der öffentlichen DPP-Seite gepflegt.

## Gestaltungselemente

<table>
<thead>
  <tr>
    <th>
      Feld
    </th>
    
    <th>
      Bedeutung
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      Logo
    </td>
    
    <td>
      Markenlogo für die öffentliche Seite
    </td>
  </tr>
  
  <tr>
    <td>
      Titel
    </td>
    
    <td>
      Titel oder Markenbezeichnung der DPP-Seite
    </td>
  </tr>
  
  <tr>
    <td>
      Primärfarbe
    </td>
    
    <td>
      Hauptfarbe
    </td>
  </tr>
  
  <tr>
    <td>
      Sekundärfarbe
    </td>
    
    <td>
      Ergänzende Farbe
    </td>
  </tr>
  
  <tr>
    <td>
      Detail- oder Textfarbe
    </td>
    
    <td>
      Farbe für Details und Textakzente
    </td>
  </tr>
  
  <tr>
    <td>
      Button-Farbe
    </td>
    
    <td>
      Farbe für Schaltflächen
    </td>
  </tr>
  
  <tr>
    <td>
      QR-Code-Farbe
    </td>
    
    <td>
      Farbe für QR-Codes
    </td>
  </tr>
  
  <tr>
    <td>
      Schrift
    </td>
    
    <td>
      Schriftart
    </td>
  </tr>
  
  <tr>
    <td>
      UI-Radius
    </td>
    
    <td>
      Rundung von UI-Elementen
    </td>
  </tr>
  
  <tr>
    <td>
      Kartenoptik
    </td>
    
    <td>
      Aktiviert oder deaktiviert Kartenoptik auf der öffentlichen Seite
    </td>
  </tr>
</tbody>
</table>

## Einrichtung

1. Logo hochladen.
2. Farben an Marken- oder Corporate-Design-Vorgaben ausrichten.
3. Lesbarkeit von Texten und Schaltflächen prüfen.
4. QR-Code-Farbe testen.
5. Öffentliche DPP-Seite auf Desktop und Smartphone prüfen.

<tip>

QR-Codes brauchen ausreichend Kontrast. Sehr helle oder kontrastarme Farben können die Scanbarkeit verschlechtern.

</tip>