From 18c71283c61eb20b643741fc841fd5516c5e5c94 Mon Sep 17 00:00:00 2001 From: flxlst09 Date: Fri, 4 Sep 2026 15:38:46 +0200 Subject: [PATCH 1/3] docs: blog post on color change --- .../2609_blog_colorchange.svg | 375 ++++++++++++++++++ .../2609_blog_colorchange_critical.svg | 10 + .../2609_blog_colorchange_mapping.svg | 55 +++ blog/2026-09-08-colorchange/index.md | 77 ++++ 4 files changed, 517 insertions(+) create mode 100644 blog/2026-09-08-colorchange/2609_blog_colorchange.svg create mode 100644 blog/2026-09-08-colorchange/2609_blog_colorchange_critical.svg create mode 100644 blog/2026-09-08-colorchange/2609_blog_colorchange_mapping.svg create mode 100644 blog/2026-09-08-colorchange/index.md diff --git a/blog/2026-09-08-colorchange/2609_blog_colorchange.svg b/blog/2026-09-08-colorchange/2609_blog_colorchange.svg new file mode 100644 index 000000000..f0256c332 --- /dev/null +++ b/blog/2026-09-08-colorchange/2609_blog_colorchange.svg @@ -0,0 +1,375 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/blog/2026-09-08-colorchange/2609_blog_colorchange_critical.svg b/blog/2026-09-08-colorchange/2609_blog_colorchange_critical.svg new file mode 100644 index 000000000..572801d85 --- /dev/null +++ b/blog/2026-09-08-colorchange/2609_blog_colorchange_critical.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/blog/2026-09-08-colorchange/2609_blog_colorchange_mapping.svg b/blog/2026-09-08-colorchange/2609_blog_colorchange_mapping.svg new file mode 100644 index 000000000..977a46871 --- /dev/null +++ b/blog/2026-09-08-colorchange/2609_blog_colorchange_mapping.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/blog/2026-09-08-colorchange/index.md b/blog/2026-09-08-colorchange/index.md new file mode 100644 index 000000000..517d1bf03 --- /dev/null +++ b/blog/2026-09-08-colorchange/index.md @@ -0,0 +1,77 @@ +--- +authors: [felixleist] +tags: [ux, development] +--- + +import React from "react"; +import { IxIcon } from "@siemens/ix-react"; +import { iconAddCircleFilled } from "@siemens/ix-icons/icons"; + +# Status color update + +![banner](../2026-09-08-colorchange/2609_blog_colorchange.svg) + +With the upcoming version 6 release we are updating and refining our status and risk level terminology to align with international standards and improve accessibility. In this post, we explain what will change and why. + + +## Update of status names + +![banner](../2026-09-08-colorchange/2609_blog_colorchange_mapping.svg) + +We are refining our status color names to align with a unified color token set that will be part of our next major release. The table below shows how each status name is being updated: + +
+| Previous | New | +|----------|-----| +| Alarm (Red) | Danger (Red) | +| Critical (Orange) | Warning (Orange) | +| Warning (Yellow) | Caution (Yellow) | +| Success (Green) | Success (Green) | +| Info (Blue) | Information (Blue) | +| Neutral (Gray) | Neutral (Gray) | +
+ + +### Why we're making this change + +**Align with ISO standards:** ISO 3864 and ISO 7010 provide guidance on risk levels and their associated colors. Although these standards were created for machine and consumer product labeling, their concepts are closely related and can be applied to software user interfaces as well. + +ISO 3864-2 defines: +- Danger as red +- Warning as orange +- Caution as yellow + +ISO 7010 additionally uses: +- Green for safe conditions +- Blue for mandatory information + +**Comply with web accessibility guidelines (WCAG):** Orange as new system feedback color for Warning also improves compliance with WCAG contrast requirements, particularly in light mode. + +## A new status level above danger + +![banner](../2026-09-08-colorchange/2609_blog_colorchange_critical.svg) + +We are introducing the **new status color purple** in iX version 6. + +Use purple for: +- Events that are more severe than danger (red). +- Rare, critical situations, e.g. a threat to safety, operations, or critical infrastructure. +- Events at a level higher than a normal danger alert. + +Do not use purple for: +- Another way to show a normal danger alert. + +### Why we're making this change + +ISO 3864-2 defines risk levels from least to most severe: +Caution (yellow) → Warning (orange) → Danger (red) + +A level beyond Danger is not defined by the ISO standards even though other domains, such as environmental safety and cybersecurity, use additional risk levels beyond red. + +As it is already widely used for this severity, the term "Critical" will be used from iX version 6 for this level. + +The color purple is used for Critical to continue the color spectrum and to provide enough contrast in both light and dark mode. + +## Way forward + +We know that these changes have effects on your project. We are reaching out early to show what you can expect. With the release we will provide migration documentation in the breaking changes guide. If you have any questions do not hesitate to reach out via our [support channels](https://ix.siemens.io/docs/home/support/contact-us). From 37e951991c695b17d7b0266df0457fd2bd95767a Mon Sep 17 00:00:00 2001 From: flxlst09 Date: Tue, 8 Sep 2026 07:42:45 +0200 Subject: [PATCH 2/3] docs: incorporating writing feedback --- blog/2026-09-08-colorchange/index.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/blog/2026-09-08-colorchange/index.md b/blog/2026-09-08-colorchange/index.md index 517d1bf03..301b8181e 100644 --- a/blog/2026-09-08-colorchange/index.md +++ b/blog/2026-09-08-colorchange/index.md @@ -11,24 +11,24 @@ import { iconAddCircleFilled } from "@siemens/ix-icons/icons"; ![banner](../2026-09-08-colorchange/2609_blog_colorchange.svg) -With the upcoming version 6 release we are updating and refining our status and risk level terminology to align with international standards and improve accessibility. In this post, we explain what will change and why. +With the upcoming version 6 release, we're updating and refining our status and risk-level terminology to align with international standards and improve accessibility. In this post, we explain what will change and why. -## Update of status names +## Status names update ![banner](../2026-09-08-colorchange/2609_blog_colorchange_mapping.svg) -We are refining our status color names to align with a unified color token set that will be part of our next major release. The table below shows how each status name is being updated: +We're refining our status color names to align with a unified color token set that will be part of our next major release. The table below shows how each status name is being updated:
| Previous | New | |----------|-----| -| Alarm (Red) | Danger (Red) | -| Critical (Orange) | Warning (Orange) | -| Warning (Yellow) | Caution (Yellow) | -| Success (Green) | Success (Green) | -| Info (Blue) | Information (Blue) | -| Neutral (Gray) | Neutral (Gray) | +| Alarm (red) | Danger (red) | +| Critical (orange) | Warning (orange) | +| Warning (yellow) | Caution (yellow) | +| Success (green) | Success (green) | +| Info (blue) | Information (blue) | +| Neutral (gray) | Neutral (gray) |
@@ -51,7 +51,7 @@ ISO 7010 additionally uses: ![banner](../2026-09-08-colorchange/2609_blog_colorchange_critical.svg) -We are introducing the **new status color purple** in iX version 6. +We're introducing the **new status color purple** in iX version 6. Use purple for: - Events that are more severe than danger (red). @@ -74,4 +74,4 @@ The color purple is used for Critical to continue the color spectrum and to prov ## Way forward -We know that these changes have effects on your project. We are reaching out early to show what you can expect. With the release we will provide migration documentation in the breaking changes guide. If you have any questions do not hesitate to reach out via our [support channels](https://ix.siemens.io/docs/home/support/contact-us). +We understand that these changes may have affect your projects. Because of that, we're reaching out early to show you what to expect in the next version. With the release, we'll provide migration documentation in the breaking changes guide. If you have any questions, do not hesitate to reach out via our [support channels](https://ix.siemens.io/docs/home/support/contact-us). From 9473a46c9ecf7ec837357af576cc6069e68e0ceb Mon Sep 17 00:00:00 2001 From: flxlst09 Date: Tue, 8 Sep 2026 08:02:49 +0200 Subject: [PATCH 3/3] docs: typo fix --- blog/2026-09-08-colorchange/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blog/2026-09-08-colorchange/index.md b/blog/2026-09-08-colorchange/index.md index 301b8181e..bd68dfae7 100644 --- a/blog/2026-09-08-colorchange/index.md +++ b/blog/2026-09-08-colorchange/index.md @@ -74,4 +74,4 @@ The color purple is used for Critical to continue the color spectrum and to prov ## Way forward -We understand that these changes may have affect your projects. Because of that, we're reaching out early to show you what to expect in the next version. With the release, we'll provide migration documentation in the breaking changes guide. If you have any questions, do not hesitate to reach out via our [support channels](https://ix.siemens.io/docs/home/support/contact-us). +We understand that these changes may affect your projects. Because of that, we're reaching out early to show you what to expect in the next version. With the release, we'll provide migration documentation in the breaking changes guide. If you have any questions, do not hesitate to reach out via our [support channels](https://ix.siemens.io/docs/home/support/contact-us).