---
title: "Design & Branding"
description: "Jede Statusseite hat eine visuelle Design-Konfiguration. Bearbeiten Sie sie in der App unter Dashboard → Statusseiten → (Seite) → Design oder über die Design-API. Änderungen werden zusammengeführt: Sie senden nur die Felder, die Sie ändern möchten, der Rest behält seine aktuellen Werte."
---

## Layouts

Wählen Sie eines von acht Layout-Presets. Alle zeigen dieselben Daten (Gesamtstatus, Services, optionale Statistiken und Historie), unterscheiden sich aber in Struktur und Dichte. Sehen Sie sich jedes im Design-Editor live an.

| Layout | Ideal für |
|--------|-----------|
| `classic` | Der Standard. Prominentes Hero-Banner mit dem Gesamtstatus, gefolgt von der Service-Liste. |
| `cards` | Jeder Service als Karte in einem responsiven Raster. |
| `minimal` | Reduzierte, textorientierte Darstellung mit minimalem Rahmen. |
| `sleek` | Modernes Hero-Banner mit Akzentfarben-Verlauf. |
| `board` | Dashboard-artiges Board, um viele Services auf einen Blick zu sehen. |
| `split` | Header über die volle Breite mit zweispaltigem Body (Status neben Historie). |
| `timeline` | Betont eine chronologische Timeline von Vorfällen und Wartungen. |
| `compact` | Dichtes Layout, das viele Services auf wenig vertikalem Raum unterbringt. |

## Erscheinungsbild

| Option | Werte | Standard | Beschreibung |
|--------|-------|----------|--------------|
| `colorScheme` | `light`, `dark`, `auto` | `auto` | `auto` folgt der Systemeinstellung des Besuchers. |
| `accentColor` | Hex-Farbe `#rrggbb` | `#6366f1` | Für Hervorhebungen, Links und Verläufe. |
| `headerStyle` | `simple`, `centered`, `hero` | `simple` | Wie prominent der Seiten-Header ist. |
| `fontFamily` | `system`, `mono` | `system` | `mono` gibt einen technischen, dicktengleichen Look. |
| `cardRadius` | `none`, `md`, `xl` | `md` | Eckenrundung von Karten und Panels. |
| `pageWidth` | `sm`, `md`, `lg`, `xl` | `lg` | Maximale Inhaltsbreite. |

## Inhalt & Abschnitte

| Option | Typ | Standard | Beschreibung |
|--------|-----|----------|--------------|
| `customTitle` | String (≤120) | - | Überschreibt den Seitentitel im Header. |
| `customSubtitle` | String (≤200) | - | Ein Untertitel unter dem Titel. |
| `showUptimeStats` | Boolean | `true` | Verfügbarkeitsprozente pro Service anzeigen. |
| `showServiceUrls` | Boolean | `false` | Die URL jedes Service neben dem Namen anzeigen. |
| `showLastChecked` | Boolean | `false` | Den „zuletzt geprüft"-Zeitstempel pro Service anzeigen. |
| `showHistory` | Boolean | `true` | Den Abschnitt „Letzte Historie" anzeigen. |
| `historyDays` | Zahl | - | Wie viele Tage Historie einbezogen werden (begrenzt durch das Plattform-Min/Max). |
| `showPoweredBy` | Boolean | `true` | Eine Zeile „Powered by `<Ihr Produktname>`" im Footer anzeigen. Sie nennt **Sie**, nie Uptimeify: Ohne gesetzten Produktnamen wird die Zeile gar nicht gerendert. |

<Callout>
`showHistory` steuert, ob der Historien-*Abschnitt* gerendert wird. Die separaten Schalter **Letzte Vorfälle anzeigen** und **Letzte Wartungen anzeigen** (in den Haupteinstellungen der Seite) steuern, *was* in diesen Abschnitt kommt. Siehe [Letzte Historie](/status-pages#letzte-historie).
</Callout>

## Beispiel (API)

```bash
curl -X PATCH "$BASE_URL/api/status-pages/<id>/design" \
  -H "Authorization: Bearer $TOKEN" \
  -H "Content-Type: application/json" \
  -d '{
    "layout": "sleek",
    "colorScheme": "dark",
    "accentColor": "#10b981",
    "showServiceUrls": true,
    "showPoweredBy": false
  }'
```

Nur die gesendeten Felder werden geändert; alles andere behält seinen aktuellen Wert. Siehe [Statusseiten-Design aktualisieren](/de/api/status-pages/update-status-page-design) für die vollständige Referenz.

## White-Labeling

Eine Statusseite nennt Uptimeify nie. Die Copyright-Zeile im Footer nennt den Betreiber der
Seite, Ihren Produktnamen oder, falls nicht gesetzt, den Namen der Statusseite selbst. Gibt
es beides nicht, wird gar keine Copyright-Zeile gerendert. Nichts auf der Seite fällt auf den
Namen des Anbieters zurück. White-Labeling ist kein Tarif-Feature; es gilt in jedem
kostenpflichtigen Tarif.

Für eine vollständig gebrandete Seite:

1. Setzen Sie Ihren **Produktnamen** unter Branding. Er steht in der Copyright-Zeile und in
   der „Powered by"-Zeile, und ist das Einzige, was dort je stehen wird.
2. Konfigurieren Sie eine [eigene Domain](/status-pages/custom-domains), damit die Seite auf Ihrem Hostnamen läuft.
3. Laden Sie unter Branding ein **Favicon** hoch. Auf Ihrer eigenen Domain ist es das, was
   Besucher im Browser-Tab und auf dem iOS-Homescreen sehen. Ohne Favicon trägt die Seite gar
   kein Icon, niemals das von Uptimeify.
4. Setzen Sie eine `accentColor` (und optional `customTitle`/`customSubtitle`) passend zu Ihrer Marke.

`showPoweredBy` ist eine davon getrennte Entscheidung: eingeschaltet lassen, um im Footer Ihr
eigenes Produkt zu nennen, ausschalten für gar keine Attributionszeile.