Site status
Usage
Use Website status to inform users about the operational status of a website or domain and provide them with a link to a status page where they can learn more.
Writing Content
The severity of a status should be communicated in as few words as possible. Remove extra words if necessary so the component does not become too wide.
Character count
The recommended maximum character count is listed below and includes spaces.
| Element | Character count |
|---|---|
| Link Text | 30 |
Layout
Heirarchy
Website status can be placed higher or lower on a page, it just depends on the type of website.
Placement
Website status is usually placed in the Footer component, but it may be placed somewhere else if it makes sense to do so.
Best Practices
Pairing icons with text
To avoid confusion, write link text with the same severity as the status icon.
Do
Write link text with the same severity as the status icon and vice versa.
Don't
Do not make it confusing to understand what the status or severity is.
Removing icons
Always include a status icon, it helps communicate severity visually.
Include an icon to make it easier for users to understand.
Do not remove the status icon.
Writing link text too long
Do not write link text that is too long, it will take users longer to read and make the component wider.
Do
Write link text using as few words as possible.
Don't
Do not include unnecessary words or punctuation.
Other libraries
To learn more about our other libraries, visit this page.
Feedback
To give feedback about anything on this page, contact us.
