Gestalte deine Statusseite in deinem Look

Passe Aussehen und Wirkung deiner Statusseite an – Farben, Layout, Abstände und welche Abschnitte angezeigt werden – ganz ohne Designer.

Überblick

• Jede Erscheinungsbild-Einstellung zeigt dir eine Live-Vorschau deiner echten Seite, bevor du speicherst
• Wähle ein Layout, ein Farbschema und einen Kopfbereich-Stil passend zu deiner Marke
• Schalte optionale Abschnitte ein oder aus, damit Besucher nur sehen, was wichtig ist
• Änderungen gelten überall dort, wo deine Seite angezeigt wird, auch während einer Störung

Erscheinungsbild-Einstellungen öffnen

1. Gehe zu Statusseiten.
2. Öffne die Seite, die du ändern möchtest.
3. Klicke oben auf Settings.
4. Wähle links in der Liste Appearance aus.

Neben den Einstellungen siehst du deine Seite, und sie aktualisiert sich, während du Änderungen vornimmst – noch bevor du speicherst. Du kannst ein Layout, eine Farbe oder einen Kopfbereich ausprobieren und das behalten, was du wirklich wolltest, statt erst zu speichern und es dann zu sehen. Sie zeigt den oberen Bereich deiner Seite mit deinen echten Diensten, nicht mit Platzhaltern.

Appearance ist der einzige Ort, an dem die gesamte Seite daneben angezeigt wird, denn nur hier entscheidest du, indem du die Seite siehst. Überall sonst öffnet der Link oben die echte Seite.

Layout wählen

1. Wähle unter Layout entweder One column oder Two columns. Jede Option zeigt eine kleine Skizze von sich selbst, damit du den Unterschied vor der Auswahl siehst.
2. One column ordnet alles in einer einzigen Spalte von oben nach unten an. Das ist für die meisten Seiten die richtige Wahl und wird von deiner Seite verwendet, solange du es nicht änderst.
3. Two columns zeigt deine Dienste links, mit geplanter Wartung und dem Anmeldeformular in einer schmaleren Spalte daneben. Ein Wechsel lohnt sich, wenn du viele Dienste auflistest und die einspaltige Ansicht zu einem langen Scrollen geworden ist.

Beide Layouts zeigen exakt dieselben Informationen – nichts wird hinzugefügt, ausgeblendet oder umformuliert, nur verschoben. Was gerade nicht funktioniert, bleibt immer oben über die volle Breite sichtbar, nie in der Seitenspalte.

NoteAuf dem Smartphone ist kein Platz für zwei Spalten, daher faltet sich eine zweispaltige Seite wieder zu einer einzigen zusammen. Nichts geht verloren; die Seitenspalte landet einfach unterhalb der Dienste.

Farbschema festlegen

1. Wähle unter Colour scheme entweder Light, Dark oder Auto.
2. Auto folgt dem eigenen Gerät jedes Besuchers und passt sich weiter an, falls das Gerät während der Anzeige der Seite umschaltet.
3. Wähle stattdessen Light oder Dark, wenn deine Seite für alle immer gleich aussehen soll.

Kopfbereich-Stil wählen

1. Wähle unter Header entweder Colour only oder Name and subscribe.
2. Colour only ist ein Band in deiner Akzentfarbe – damit startet jede Seite.
3. Name and subscribe zeigt deinen Seitennamen und die Beschreibung im Band, mit einer Schaltfläche, die Besucher direkt zum Anmeldeformular führt. Ein Wechsel lohnt sich, wenn Besucher ankommen, weil sie über Änderungen informiert werden möchten.
4. Wenn du Name and subscribe gewählt hast, kannst du zusätzlich den Verlauf des Kopfbereichs ausschalten, für ein flaches Band statt eines Farbverlaufs.

In beiden Fällen bleibt alles, was gerade nicht funktioniert, unterhalb des Bands über die volle Breite sichtbar – ein Kopfbereich meldet nie die Störung selbst.

Seitenfarbe festlegen

1. Klicke unter Colour auf das Farbfeld, um eine Farbe auszuwählen, oder gib einen Hex-Code in das Feld ein.
2. Lass das Feld leer, um die Markenfarbe deiner Organisation zu verwenden, die du unter Settings → Organization → Brand festlegst.
3. Lege hier eine Farbe fest, wenn diese Seite zu einer anderen Marke gehört – etwa einem zweiten Produkt oder einem Kunden, für den du veröffentlichst.

NoteEine organisationsweite Markenfarbe – gemeinsam genutzt von allen deinen Seiten und deinen E-Mails – ist Teil des White-Label-Brandings. Ohne sie verwendet eine leer gelassene Seite die InfraNest-Farbe, und das Feld weist darauf hin.

Kopfbild hinzufügen

1. Klicke unter Header image, um ein PNG, JPG, WebP oder SVG mit bis zu 5 MB hochzuladen, oder ziehe die Datei per Drag-and-drop hinein.
2. Sehr große Bilder werden abgelehnt, weil der Browser jedes Besuchers sie laden muss, und eine Statusseite ist genau die Seite, die alle gleichzeitig öffnen.
3. Fügst du keines hinzu, startet die Seite einfach mit deinem Logo und Namen, wie heute.

Abstände anpassen

1. Wähle unter Spacing entweder Roomy oder Compact.
2. Roomy ist die normale Ansicht.
3. Compact verringert die Zeilenabstände, sodass mehr Dienste gleichzeitig auf den Bildschirm passen – nützlich, wenn du viele davon auflistest. Es ändert nur den Abstand; es blendet nie einen Dienst aus und entfernt keinen Abschnitt.

Festlegen, wie viel Verlauf angezeigt wird

1. Wähle unter History shown 30, 60 oder 90 Tage.
2. Das legt fest, wie weit die Uptime-Balken neben jedem Dienst zurückreichen und wie weit der Störungsverlauf zurückgeht.
3. Ein kürzerer Zeitraum macht die Seite zudem etwas schneller, da weniger berechnet werden muss.

Abschnitte ein- oder ausschalten

1. Schalte unter Sections alles aus, was deine Seite nicht benötigt:
   • Uptime bars neben jedem Dienst
   • Geplante Wartung
   • Third-party services, die du überwachst
   • Incident history
   • Group headings über jeder Gruppe von Diensten
   • Tags bei einem Dienst
2. Besucher sehen nie einen leeren Abschnitt – alles Ausgeschaltete ist einfach nicht vorhanden.

TipZwei Schalter waren früher hier, sind aber umgezogen: Der Gesamt-Uptime-Streifen befindet sich jetzt unter Settings → Embed elsewhere (er war ohnehin nur auf dem einbettbaren Badge sichtbar, nie auf der Seite selbst), und E-Mail-Abonnements befinden sich jetzt im Tab Subscribers – wird das ausgeschaltet, verschwindet auch das Anmeldefeld von deiner Seite.

Was Besucher immer sehen

Manche Dinge sind absichtlich nicht konfigurierbar:

• Statusfarben. Eine schwerwiegende Störung ist auf jeder Seite rot, egal welche Akzentfarbe du gewählt hast, damit Probleme auf einen Blick erkennbar sind.
• Die Reihenfolge der Abschnitte. Was gerade nicht funktioniert, steht vor dem, was geplant ist, und das wiederum vor dem, was bereits behoben wurde. Die Wahl eines Layouts verschiebt Abschnitte auf der Seite, überschreitet diese Grenze aber nie.

Gilt das überall?

Ja. Diese Einstellungen gelten für deine Seite auf unserer Domain, auf deiner eigenen benutzerdefinierten Domain und für die Kopie, die während einer Störung von unserem Edge-Netzwerk ausgeliefert wird – die Version, die Menschen sehen, wenn der Rest unseres Systems nicht erreichbar ist, und damit die wichtigste von allen.