You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
DB Personenverkehr and DB Systel are merging their Design Systems for Web [with DB Design System](https://marketingportal.extranet.deutschebahn.com/de/ui-komponenten) as their successor. Our goal is to provide a common UX based on the [DB "Moderne Ikone"](https://marketingportal.extranet.deutschebahn.com/marke) for customer and employee applications. To achieve an end 2 end consistence from conception to implementation, we'll provide this new version of DB UI Core (npm: `@db-ui/core`), that is being used within a Design System by T.R (Reisendeninformation) as well. Stay Tuned!
18
+
DB Personenverkehr and DB Systel are merging their Design Systems for Web [with DB Design System](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten) as their successor. Our goal is to provide a common UX based on the [DB "Moderne Ikone"](https://marketingportal.extranet.deutschebahn.com/marke) for customer and employee applications. To achieve an end 2 end consistence from conception to implementation, we'll provide this new version of DB UI Core (npm: `@db-ui/core`), that is being used within a Design System by T.R (Reisendeninformation) as well. Stay Tuned!
19
19
20
20
You could still use the existing version of [DB UI Core that is based on version 1.6 of the guidelines (only hosted internally)](https://db.de/4cwtyn). For new projects we recommend to use this new version.
21
21
@@ -41,7 +41,7 @@ DB UI Core provides robust HTML UI components, reusable visual styles, and power
41
41
42
42
### Consistent & Compliant
43
43
44
-
DB UI Core is based on the [DB UX Design System](https://marketingportal.extranet.deutschebahn.com/de/ui-komponenten), that are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications.
44
+
DB UI Core is based on the [DB UX Design System](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten), that are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications.
45
45
46
46
### Accessible
47
47
@@ -57,13 +57,13 @@ DB UI Core is decoupled from the JavaScript layer, to implement the patterns in
57
57
58
58
### Evergreen
59
59
60
-
As [DB UX Design System](https://marketingportal.extranet.deutschebahn.com/de/ui-komponenten) evolves, so does DB UI Core, meaning apps only need to keep their DB UI Core package updated to ensure the latest look and feel.
60
+
As [DB UX Design System](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten) evolves, so does DB UI Core, meaning apps only need to keep their DB UI Core package updated to ensure the latest look and feel.
61
61
62
62
## More information
63
63
64
64
Additionally we'll provide some more information over time regrading the whole ecosystem:
65
65
66
-
-[DB UX Design System documentation within the DB Marketingportal (german)](https://marketingportal.extranet.deutschebahn.com/de/ui-komponenten)
66
+
-[DB UX Design System documentation within the DB Marketingportal (german)](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten)
67
67
-[Confluence / Base Wiki - "Technische Umsetzung des Enterprise UI Design Systems" (german, only available internally)](https://db.de/pu8moh)
68
68
-[Confluence - Web UI Component Library (only available internally)](https://db.de/1tyr73)
As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound to clear guidelines and restrictions even when being used with the code that we're providing with this product; Deutsche Bahn fully reserves all rights and ownership regarding the Deutsche Bahn brand, even though that we're providing the code of DB UI products free to use and release it under the Apache 2.0 license.
135
-
Please have a look at our brand portal at <https://marketingportal.extranet.deutschebahn.com/>forany further questions and whom to contact on any brand issues. As these assets and visual guidelines are retrieved from our Deutsche Bahn Marketingportal, you'll agree with the ["Allgemeine Nutzungsbedingungen für das DB-Marketingportal" (german)](https://marketingportal.extranet.deutschebahn.com/de/nutzungsbedingungen)incase of using them.
135
+
Please have a look at our brand portal at <https://marketingportal.extranet.deutschebahn.com/>forany further questions and whom to contact on any brand issues. As these assets and visual guidelines are retrieved from our Deutsche Bahn Marketingportal, you'll agree with the ["Allgemeine Nutzungsbedingungen für das DB-Marketingportal" (german)](https://marketingportal.extranet.deutschebahn.com/marketingportal/Nutzungsbedingungen-9702684)incase of using them.
136
136
137
137
For any usage outside of Deutsche Bahn websites and applications you must remove or replace any Deutsche Bahn brand and design assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme that would make it much easier for you to use our product without the trademarks by Deutsche Bahn.
Copy file name to clipboardExpand all lines: docs/adr/intro.adoc
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ The purpose of this product is providing a stable and most generic library of Fr
4
4
5
5
____
6
6
7
-
Design systems are containers for institutional knowledge. They provide tested and proven solutions to design problems. When these solutions are held together by a consistent visual language and link:https://marketingportal.extranet.deutschebahn.com/de/ui-komponenten[UX guidelines], they represent what good design looks like for the organization or platform.
7
+
Design systems are containers for institutional knowledge. They provide tested and proven solutions to design problems. When these solutions are held together by a consistent visual language and link:https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten[UX guidelines], they represent what good design looks like for the organization or platform.
8
8
____
9
9
____
10
10
For projects like this one, we work with our client partners to identify the design problems their teams confront over and over again. And then we identify and extract the best solutions to those problems.
Copy file name to clipboardExpand all lines: source/_patterns/00-base/colors/_colors.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ We're using the colors provided by our other product [DB UI Base](https://db-ui.
4
4
5
5
## Accessibility
6
6
7
-
Please have a look at the related page within the Marketingportal for more information as well: <https://marketingportal.extranet.deutschebahn.com/de/farbe#db186aa1-4d79-4c85-93cb-44b83ba57056>
7
+
Please have a look at the related page within the Marketingportal for more information as well: <https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Farbe>
8
8
9
9
### Criteria
10
10
@@ -18,7 +18,7 @@ Large-scale text and images of large-scale text have a contrast ratio of at leas
18
18
19
19
### DB color palette for InDesign, Illustrator and Photoshop
20
20
21
-
A file containing the Deutsche Bahn color palette for Adobe InDesign, Adobe Illustrator or Adobe Photoshop is provided by the [DB Marketingportal](https://marketingportal.extranet.deutschebahn.com/de/farbe#db186aa1-4d79-4c85-93cb-44b83ba57056).
21
+
A file containing the Deutsche Bahn color palette for Adobe InDesign, Adobe Illustrator or Adobe Photoshop is provided by the [DB Marketingportal](https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Farbe).
22
22
23
23
### Inspirational external sources for this pattern
Copy file name to clipboardExpand all lines: source/_patterns/00-base/icons/_icons.font-faces.scss
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
@import"icons.variables";
4
4
5
-
// Potential TODO: usage of the standard filenames described by https://marketingportal.extranet.deutschebahn.com/de/icons-2
5
+
// Potential TODO: usage of the standard filenames described by https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge
Copy file name to clipboardExpand all lines: source/_patterns/00-base/icons/_icons.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ title: Icon-Library Enterprise
4
4
5
5
## New iconset
6
6
7
-
The included iconset has been developed in cooperation with the Center of Excellence @ Personenverkehr and replaces the previous enterprise only icons. More information: <https://marketingportal.extranet.deutschebahn.com/de/icons-2>
7
+
The included iconset has been developed in cooperation with the Center of Excellence @ Personenverkehr and replaces the previous enterprise only icons. More information: <https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge>
Copy file name to clipboardExpand all lines: source/_patterns/01-elements/headline/_headline.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,4 +4,4 @@ title: Headline
4
4
5
5
## Pulse
6
6
7
-
You could add the DB Pulse to the headline element by adding the `data-pulse` attribute – we're taking care of sizing it accordingly to the DB logo if this one is also present on the same page, as defined by the rules on the Marketingportal regarding the [logo](https://marketingportal.extranet.deutschebahn.com/de/brandguide/logo-3) and the [pulse](https://marketingportal.extranet.deutschebahn.com/en/pulse).
7
+
You could add the DB Pulse to the headline element by adding the `data-pulse` attribute – we're taking care of sizing it accordingly to the DB logo if this one is also present on the same page, as defined by the rules on the Marketingportal regarding the [logo](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/Logo) and the [pulse](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/Puls).
Copy file name to clipboardExpand all lines: source/_patterns/01-elements/logo/_logo.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
title: Deutsche Bahn Logo
3
3
---
4
4
5
-
Please find a lot of more information regarding our logo and how to use it within the [Marketingportal](https://marketingportal.extranet.deutschebahn.com/de/logo-3).
5
+
Please find a lot of more information regarding our logo and how to use it within the [Marketingportal](https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/Logo).
"value": "DB UX Design System documentation within the DB Marketingportal (german)",
7
7
"rel": "noopener noreferrer",
8
8
"target": "_blank"
@@ -48,7 +48,7 @@
48
48
{
49
49
"title": "Consistent & Compliant",
50
50
"icon": "devices/db_ic_il_laptop",
51
-
"text": "DB UI Core is based on the <a href=\"https://marketingportal.extranet.deutschebahn.com/de/ui-komponenten\" target=\"_blank\">DB UX Design System</a>, that are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications."
51
+
"text": "DB UI Core is based on the <a href=\"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten\" target=\"_blank\">DB UX Design System</a>, that are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications."
52
52
},
53
53
{
54
54
"title": "Accessible",
@@ -68,7 +68,7 @@
68
68
{
69
69
"title": "Evergreen",
70
70
"icon": "feature/db_ic_il_green",
71
-
"text": "As <a href=\"https://marketingportal.extranet.deutschebahn.com/de/ui-komponenten\" target=\"_blank\">DB UX Design System</a> evolves, so does DB UI Core, meaning apps only need to keep their DB UI Core package updated to ensure the latest look and feel."
71
+
"text": "As <a href=\"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten\" target=\"_blank\">DB UX Design System</a> evolves, so does DB UI Core, meaning apps only need to keep their DB UI Core package updated to ensure the latest look and feel."
0 commit comments