diff --git a/README.md b/README.md index 3b285a6a19..5157ad3218 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,7 @@ -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! +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! 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. @@ -41,7 +41,7 @@ DB UI Core provides robust HTML UI components, reusable visual styles, and power ### Consistent & Compliant -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. +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. ### Accessible @@ -57,13 +57,13 @@ DB UI Core is decoupled from the JavaScript layer, to implement the patterns in ### Evergreen -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. +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. ## More information Additionally we'll provide some more information over time regrading the whole ecosystem: -- [DB UX Design System documentation within the DB Marketingportal (german)](https://marketingportal.extranet.deutschebahn.com/de/ui-komponenten) +- [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) - [Confluence / Base Wiki - "Technische Umsetzung des Enterprise UI Design Systems" (german, only available internally)](https://db.de/pu8moh) - [Confluence - Web UI Component Library (only available internally)](https://db.de/1tyr73) - [Changelog](https://github.com/db-ui/core/blob/main/CHANGELOG.md) @@ -132,7 +132,7 @@ src\styles.scss 5:9 root stylesheet ## Deutsche Bahn brand 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. -Please have a look at our brand portal at for any 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) in case of using them. +Please have a look at our brand portal at for any 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) in case of using them. 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. diff --git a/docs/adr/intro.adoc b/docs/adr/intro.adoc index 39dcd81e8a..4a09883c21 100644 --- a/docs/adr/intro.adoc +++ b/docs/adr/intro.adoc @@ -4,7 +4,7 @@ The purpose of this product is providing a stable and most generic library of Fr ____ -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. +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. ____ ____ 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. diff --git a/source/_patterns/00-base/colors/_colors.md b/source/_patterns/00-base/colors/_colors.md index a99281d41a..17dab31c79 100644 --- a/source/_patterns/00-base/colors/_colors.md +++ b/source/_patterns/00-base/colors/_colors.md @@ -4,7 +4,7 @@ We're using the colors provided by our other product [DB UI Base](https://db-ui. ## Accessibility -Please have a look at the related page within the Marketingportal for more information as well: +Please have a look at the related page within the Marketingportal for more information as well: ### Criteria @@ -18,7 +18,7 @@ Large-scale text and images of large-scale text have a contrast ratio of at leas ### DB color palette for InDesign, Illustrator and Photoshop -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). +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). ### Inspirational external sources for this pattern diff --git a/source/_patterns/00-base/icons/_icons.font-faces.scss b/source/_patterns/00-base/icons/_icons.font-faces.scss index c9801c03f5..184dbd55a8 100644 --- a/source/_patterns/00-base/icons/_icons.font-faces.scss +++ b/source/_patterns/00-base/icons/_icons.font-faces.scss @@ -2,7 +2,7 @@ @import "icons.variables"; -// Potential TODO: usage of the standard filenames described by https://marketingportal.extranet.deutschebahn.com/de/icons-2 +// Potential TODO: usage of the standard filenames described by https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Icons/Funktionale-Icons-Architektur-und-Fahrzeuge @font-face { font-display: block; diff --git a/source/_patterns/00-base/icons/_icons.md b/source/_patterns/00-base/icons/_icons.md index b7e5d81ae4..147f12bf4d 100644 --- a/source/_patterns/00-base/icons/_icons.md +++ b/source/_patterns/00-base/icons/_icons.md @@ -4,7 +4,7 @@ title: Icon-Library Enterprise ## New iconset -The included iconset has been developed in cooperation with the Center of Excellence @ Personenverkehr and replaces the previous enterprise only icons. More information: +The included iconset has been developed in cooperation with the Center of Excellence @ Personenverkehr and replaces the previous enterprise only icons. More information: ## Usage diff --git a/source/_patterns/01-elements/headline/_headline.md b/source/_patterns/01-elements/headline/_headline.md index 01aa76a6de..12dd450b54 100644 --- a/source/_patterns/01-elements/headline/_headline.md +++ b/source/_patterns/01-elements/headline/_headline.md @@ -4,4 +4,4 @@ title: Headline ## Pulse -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). +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). diff --git a/source/_patterns/01-elements/logo/_logo.md b/source/_patterns/01-elements/logo/_logo.md index 906e0a42ec..0a34a196c4 100644 --- a/source/_patterns/01-elements/logo/_logo.md +++ b/source/_patterns/01-elements/logo/_logo.md @@ -2,7 +2,7 @@ title: Deutsche Bahn Logo --- -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). +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). ## Adapt logos colors (background and fill) diff --git a/source/_patterns/04-pages/intro.json b/source/_patterns/04-pages/intro.json index dc3d0664b7..ceed98edd1 100644 --- a/source/_patterns/04-pages/intro.json +++ b/source/_patterns/04-pages/intro.json @@ -2,7 +2,7 @@ "bodyClass": "tpl-intro", "links": [ { - "href": "https://marketingportal.extranet.deutschebahn.com/de/ui-komponenten", + "href": "https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten", "value": "DB UX Design System documentation within the DB Marketingportal (german)", "rel": "noopener noreferrer", "target": "_blank" @@ -48,7 +48,7 @@ { "title": "Consistent & Compliant", "icon": "devices/db_ic_il_laptop", - "text": "DB UI Core is based on the DB UX Design System, that are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications." + "text": "DB UI Core is based on the DB UX Design System, that are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications." }, { "title": "Accessible", @@ -68,7 +68,7 @@ { "title": "Evergreen", "icon": "feature/db_ic_il_green", - "text": "As DB UX Design System 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." + "text": "As DB UX Design System 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." }, { "title": "Community driven",