Design & Branding
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. |
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.
Beispiel (API)
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 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:
- 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.
- Konfigurieren Sie eine eigene Domain, damit die Seite auf Ihrem Hostnamen läuft.
- 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.
- Setzen Sie eine
accentColor(und optionalcustomTitle/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.
Eigene Domains
Verbinden Sie einen Hostnamen wie status.deinkunde.com mit einer Statusseite, damit sie vollständig unter Ihrer Marke läuft. Ein Hostname kann an genau eine Statusseite gebunden werden, und das Zertifikat wird automatisch ausgestellt, sobald die Domain verifiziert und aktiv ist.
Vorfälle
Vorfälle werden automatisch erstellt, wenn das Monitoring ein Problem mit einer Website oder einem Service erkennt. Sie sind die Grundlage für Alarmierung, Reporting und die öffentlichen Statusseiten.