How can we improve updown.io?

Custom CSS for Public Status Pagess

It would be nice to have either page specific or account wide custom stylesheet applied to the public status pages. Specifically, I'd use it to draw more attention to the translation dropdown and to eliminate some whitespace.

7 votes
Vote
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    Signed in as (Sign out)
    You have left! (?) (thinking…)
    Mario Olivio Flores shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    4 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      Signed in as (Sign out)
      Submitting...
      • AdminAdrien Rey-Jarthon (Founder, updown.io) commented  ·   ·  Flag as inappropriate

        Thanks for feedback, the problem with the prefix idea is that people will stop using it, and I'll end up with broken/ugly pages branded as updown.io all over the internet ☹

        Your suggestions are interesting though, I've already been asked for custom logo and may implement this at some point. About company colors it may be possible but again probably not a good idea if people replace the green with red for example :/ it may make the page impossible to understand. Which part would you have like to re-color?
        And finally about the whitespace I'll try to improve that on the existing design!

      • Mario Olivio Flores commented  ·   ·  Flag as inappropriate

        @adrien Ah! Sorry, I just noticed your response from April.

        I'd mostly try to offload the risk of breaking desings to the user. You could add a version class - "version-1.23" to the body tag. Then users could structure their CSS with the version tag and new pages would just look like the default theme. Best case: users are warned so they understand the risk and get a heads up that new dom version is coming.

        I do think that there is too much white space above the "last 24 hours". Otherwise, I actually think it is a really nice page. If I had custom CSS, I would:

        1. Add company logo, if I could find a way to do it tastefully.
        2. use some company colors, where it makes sense
        3. limit white space, possibly try to use flexbox to put locale selection and the check title in one row.

      • AdminAdrien Rey-Jarthon (Founder, updown.io) commented  ·   ·  Flag as inappropriate

        This most probably won't happen as we don't want to have 100 different designs in the wild and risk breaking them when we do changes to the status page. Why do you feel the need to draw more attention to the translation dropdown? it uses browser locale by default so almost nobody would ever need it actually. About the whitespaces do you think there are too much is specific places or you just want to make the whole page more compact?

      Feedback and Knowledge Base