Geef je statuspagina jouw eigen uitstraling

Zorg dat je openbare statuspagina bij je merk past — jouw kleuren, jouw regelafstand en de secties die je bezoekers wilt laten zien — allemaal zonder dat je een designer nodig hebt. Dit is voor iedereen die een statuspagina beheert en wil dat hij er goed uitziet voordat hij live gaat.

#Overzicht

• Alle uiterlijkopties staan op één plek, met daarnaast een live voorbeeld, zodat je het effect ziet voordat je opslaat.
• Je bepaalt de lay-out, het kleurenschema, de header, de headerafbeelding, de regelafstand, hoeveel geschiedenis wordt getoond en welke secties verschijnen.
• Een paar dingen liggen bewust vast — zoals de kleuren bij storingen en de volgorde van secties — zodat bezoekers problemen altijd in één oogopslag herkennen.

#Open de instellingen voor Appearance

1. Ga naar Status Pages.
2. Open de pagina die je wilt wijzigen.
3. Klik bovenaan op Settings.
4. Kies Appearance uit de lijst aan de linkerkant.

Naast de instellingen zie je je pagina, die wordt bijgewerkt terwijl je dingen wijzigt — nog voordat je opslaat. Het toont de bovenkant van je pagina met je echte diensten erin, niet een voorbeeldvulling. Appearance is de enige plek waar de hele pagina ernaast staat, omdat het ook de enige plek is waar je de pagina moet zien om een keuze te kunnen maken.

#Kies een lay-out

1. Kies onder Layout voor One column of Two columns — bij elke optie zie je eerst een kleine tekening ter illustratie.
2. One column plaatst alles van boven naar beneden. Dit is de juiste keuze voor de meeste pagina's en is de standaardinstelling.
3. Two columns plaatst je diensten links, met gepland onderhoud en het aanmeldformulier in een smallere kolom ernaast. Schakel hiernaar over als je veel diensten vermeldt en de ene kolom een lange scrollpagina is geworden.

Beide lay-outs tonen precies dezelfde informatie — er wordt niets toegevoegd, verborgen of anders geformuleerd, alleen verplaatst. Wat op dit moment niet goed werkt, blijft altijd bovenaan over de volle breedte staan, nooit in de zijkolom. Op een telefoon vouwt een pagina met twee kolommen terug naar één kolom, zodat er niets verloren gaat.

#Stel het kleurenschema in

1. Kies onder Colour scheme voor Light, Dark of Auto.
2. Auto volgt het apparaat van elke bezoeker, en blijft dat doen als het apparaat van de bezoeker later wisselt terwijl de pagina open staat.
3. Kies in plaats daarvan Light of Dark als je pagina er voor iedereen altijd hetzelfde uit moet zien.

#Kies een headerstijl

1. Kies onder Header voor Colour only of Name and subscribe.
2. Colour only is een balk in je accentkleur — het standaarduiterlijk voor elke pagina.
3. Name and subscribe plaatst de naam en omschrijving van je pagina in de balk, met een knop die bezoekers direct naar het aanmeldformulier brengt. Schakel dit in als bezoekers op je pagina komen omdat ze op de hoogte willen worden gehouden van wijzigingen.
4. Als je Name and subscribe hebt gekozen, kun je ook het verlopen van de header uitschakelen voor een vlakke balk in plaats van een kleurverloop.

In beide gevallen blijft alles wat momenteel niet goed werkt onder de balk staan, over de volle breedte — een header meldt nooit zelf de storing.

#Stel een paginakleur in

1. Klik onder Colour op het kleurvlak om een kleur te kiezen, of typ een hexcode in het vak.
2. Laat het leeg om de merkkleur van je workspace te gebruiken — het vak verwijst naar waar die wordt ingesteld, bij Settings → General → Brand.
3. Stel hier in plaats daarvan een kleur in als deze pagina bij een ander merk hoort — een tweede product, of een klant namens wie je publiceert.

NoteEen workspace-brede merkkleur — gedeeld door al je pagina's en je e-mails — maakt deel uit van white-label branding. Zonder deze instelling gebruikt een leeg gelaten pagina de InfraNest-kleur, en dat staat ook aangegeven bij het vak.

#Voeg een headerafbeelding toe

1. Klik onder Header image om een PNG, JPG, WebP of SVG tot 5 MB te uploaden, of sleep het bestand ernaartoe.
2. Zeer grote afbeeldingen worden geweigerd, omdat de browser van elke bezoeker ze moet laden, en een statuspagina is nu juist de pagina die iedereen tegelijk opent.

Als je er geen toevoegt, ziet niets er onaf uit — de pagina begint dan gewoon met je logo en naam, zoals nu het geval is.

#Pas de regelafstand aan

1. Kies onder Spacing voor Roomy of Compact.
2. Roomy is het normale uiterlijk. Compact maakt de rijen krapper, zodat er meer diensten tegelijk op het scherm passen.

Compact verandert alleen de regelafstand — het verbergt nooit een dienst en verwijdert nooit een sectie.

#Kies hoeveel geschiedenis wordt getoond

1. Kies onder History shown voor 30, 60 of 90 days.
2. Dit bepaalt hoe ver terug de uptime-balken naast elke dienst gaan, en hoe ver de storingsgeschiedenis terugkijkt.

Een kortere periode maakt de pagina ook iets sneller, omdat er minder berekend hoeft te worden.

#Secties in- of uitschakelen

1. Schakel onder Sections alles uit wat je pagina niet nodig heeft:
   • Uptime bars naast elke dienst
   • Gepland onderhoud
   • Externe diensten die je bewaakt
   • Storingsgeschiedenis
   • Groepskoppen boven elke verzameling diensten
   • Tags op een dienst
2. Bezoekers zien nooit een lege sectie — alles wat is uitgeschakeld, is er gewoon niet.

TipZoek je de schakelaars voor de algehele uptimebalk of e-mailabonnementen? Die zijn verplaatst. De uptimebalk werd alleen getoond op de insluitbare badge, dus die staat nu bij Settings → Embed elsewhere. E-mailabonnementen bepaalt wie van je hoort, niet hoe de pagina eruitziet, dus die staat op het tabblad Subscribers — als je dit uitschakelt, verdwijnt ook het aanmeldvak van je pagina.

#Bepaal of onderhoud meetelt voor je uptimecijfer

1. Standaard verlaagt downtime tijdens een onderhoudsvenster het uptimecijfer van je pagina niet, en toont je pagina Excludes planned maintenance naast het cijfer om dit uit te leggen.
2. Als je gepland onderhoud wel wilt laten meetellen in het cijfer, schakel dan Leave planned maintenance out of the uptime figure uit, direct onder Show uptime percentage.
3. De toelichting naast het cijfer verdwijnt zodra je dit doet.

#Wat bezoekers altijd zien

Sommige dingen zijn bewust niet instelbaar:

• Statuskleuren. Een grote storing is op elke pagina rood, wat je accentkleur ook is — zodat problemen in één oogopslag herkenbaar zijn, zelfs voor een bezoeker die voor het eerst komt.
• De volgorde van secties. Wat nu niet werkt staat vóór wat gepland staat, wat weer vóór staat wat al is opgelost. Het wijzigen van de lay-out verplaatst secties binnen de pagina, maar nooit voorbij die volgorde.

#Geldt dit overal?

Ja. Deze instellingen gelden voor je pagina op ons domein, op je eigen aangepaste domein, en voor de kopie die tijdens een storing vanaf ons edge-netwerk wordt geserveerd — dat laatste is wat mensen zien wanneer de rest van ons systeem onbereikbaar is, en dus is het de versie die het meest telt.