Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@

<!-- ![Pipeline status](https://github.com/db-ui/core/badges/main/pipeline.svg?style=flat) -->

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.

Expand All @@ -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

Expand All @@ -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)
Expand Down Expand Up @@ -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 <https://marketingportal.extranet.deutschebahn.com/> 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 <https://marketingportal.extranet.deutschebahn.com/> 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.

Expand Down
2 changes: 1 addition & 1 deletion docs/adr/intro.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down
4 changes: 2 additions & 2 deletions source/_patterns/00-base/colors/_colors.md
Original file line number Diff line number Diff line change
Expand Up @@ -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: <https://marketingportal.extranet.deutschebahn.com/de/farbe#db186aa1-4d79-4c85-93cb-44b83ba57056>
Please have a look at the related page within the Marketingportal for more information as well: <https://marketingportal.extranet.deutschebahn.com/marketingportal/Basiselemente/Farbe>

### Criteria

Expand All @@ -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

Expand Down
2 changes: 1 addition & 1 deletion source/_patterns/00-base/icons/_icons.font-faces.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
2 changes: 1 addition & 1 deletion source/_patterns/00-base/icons/_icons.md
Original file line number Diff line number Diff line change
Expand Up @@ -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: <https://marketingportal.extranet.deutschebahn.com/de/icons-2>
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>

## Usage

Expand Down
2 changes: 1 addition & 1 deletion source/_patterns/01-elements/headline/_headline.md
Original file line number Diff line number Diff line change
Expand Up @@ -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).
2 changes: 1 addition & 1 deletion source/_patterns/01-elements/logo/_logo.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)

Expand Down
6 changes: 3 additions & 3 deletions source/_patterns/04-pages/intro.json
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down Expand Up @@ -48,7 +48,7 @@
{
"title": "Consistent & Compliant",
"icon": "devices/db_ic_il_laptop",
"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."
"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."
},
{
"title": "Accessible",
Expand All @@ -68,7 +68,7 @@
{
"title": "Evergreen",
"icon": "feature/db_ic_il_green",
"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."
"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."
},
{
"title": "Community driven",
Expand Down