How to Design a Status Page?

Now let's level up your status page with a creative design. Let's look at some important information before we get started.

We have a "Preview" window so you can see what the slightest change you make looks like. Just click the "refresh button" ⟳ to see the changes in the preview window.

Refresh button ⟳ is in the right corner in the "Preview" window.

All settings related to color and images belong to the mode (light/dark) you selected. Just click the "refresh button" ⟳ to see the changes in the preview window.

"General" part settings don't belong to the mode (light/dark) you selected. Just click the "refresh button" ⟳ to see the changes in the preview window.

So let's first look at the settings in the "General" part.

• FONT TYPE: Choose the font that best suits the style of the site.
  We've got loads of choices. We believe you'll find what you need.
  
  
• DEFAULT LANGUAGE: Select the language you want to appear when your page first opens.
  
  
  
• MULTIPLE LANGUAGES: You can turn on this button if you want users to see it in other languages.
  
  
  
• APPEARANCE: Select the appearance you want to appear when your page first opens.
  There is 3 mode: light, dark and auto.
  Auto makes it light or dark according to the user's time zone.
  
  
  
• APPEARANCE SWITCH DISPLAY: You can turn this switch on if you want users to decide at any time whether to see this screen light or dark.
  
  
  
• DATE FORMAT: You can choose the date format you want among many date formats.
  
  
  
• FRAME: Choose the frame shape.
  There is 2 mode: arrow and stick.
  
  
  

Now let's look at the settings in other parts.

Remember that all settings regarding color and images belong to the mode (light/dark) you choose.

Complete the adjustments after selecting whether it is light or dark from the preview window.

• When you click on the question mark in other setting parts, you can easily access detailed information with the photo that appears.
  
  
  
• If you give up on the settings you made, don't worry about how to get back to default settings, just click on "factor reset" button.
  
  
  
• When you press the "refresh button" ⟳ to make sure, you will see that everything is fine.
  
  

"What is CUSTOM CSS"

• This feature allows you to add your own styles and modify sections/elements.
  To use, enter your custom CSS then click “save”. It’s that simple! Also if you have any questions send us an email.
  
  
  
• Click on the “Save” button.
  

When you enter your subdomain into a web browser, you can see the latest version of your status page.

You can go to the Robotalp's Status Page for an example.