Skip to content
This repository has been archived by the owner on Jun 14, 2023. It is now read-only.

Commit

Permalink
docs: change links to design-specification (#42)
Browse files Browse the repository at this point in the history 
* docs: Change links to design-specifications

- change links to design-specifications to all patterns
- correct some wrong links

Co-authored-by: Hesaya Garg <>
Co-authored-by: Franco Ehrat <[email protected]>
  • Loading branch information
@Frenggi
Frenggi and Frenggi authored Dec 10, 2020
1 parent 60d2873 commit 7d1bede
Show file tree
Hide file tree
Showing 78 changed files with 514 additions and 520 deletions.
4 changes: 2 additions & 2 deletions documentation/basics/brand/brand-de.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,10 @@ Das Logo wird bei allen SBB-Webseiten und -anwendungen eingesetzt.
![Darstellung des Standard SBB Logos](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/brand/images/logo_default.png 'class: image')

#### Design Spezifikation
* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326997646/inspect)
* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5z4D#Inspector)

### 3.2 SBB Cargo
![Darstellung des SBB Cargo Logos](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/brand/images/logo_cargo.png 'class: image')

#### Design Spezifikation
* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/331829763/inspect)
* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAJP#Inspector)
4 changes: 2 additions & 2 deletions documentation/basics/brand/brand-en.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,10 @@ The logo is used in all SBB applications.
![Image of the SBB logo](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/brand/images/logo_default.png 'class: image')

#### Design specification
* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/326997646/inspect)
* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/4e5z4D#Inspector)

### 3.2 SBB Cargo
![Darstellung des SBB Cargo Logos](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/brand/images/logo_cargo.png 'class: image')

#### Design specification
* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/331829763/inspect)
* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ewdAJP#Inspector)
8 changes: 4 additions & 4 deletions documentation/basics/divider/divider-de.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,22 +12,22 @@ Keine
![Darstellung des Abstandshalter Typ dünn](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_thin.png 'class: image')

#### Design Spezifikation
* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003615/inspect)
* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMGM#Inspector)

### 4.2 Small
![Darstellung des Abstandshalter Typ klein](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_small.png 'class: image')

#### Design Spezifikation
* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003616/inspect)
* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnzy3#Inspector)

### 4.3 Medium
![Darstellung des Abstandshalter Typ mittel](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_medium.png 'class: image')

#### Design Spezifikation
* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003617/inspect)
* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9JwDk#Inspector)

### 4.4 Big
![Darstellung des Abstandshalter Typ gross](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_big.png 'class: image')

#### Design Spezifikation
* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003618/inspect)
* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPJ4#Inspector)
8 changes: 4 additions & 4 deletions documentation/basics/divider/divider-en.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,22 +12,22 @@ None
![Image of the thin divider](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_thin.png 'class: image')

#### Design specification
* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003615/inspect)
* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/zAKMGM#Inspector)

### 4.2 Small
![Image of the small divider](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_small.png 'class: image')

#### Design specification
* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003616/inspect)
* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ZAnzy3#Inspector)

### 4.3 Medium
![Image of the medium divider](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_medium.png 'class: image')

#### Design specification
* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003617/inspect)
* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/J9JwDk#Inspector)

### 4.4 Big
![Image of the big divider](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/divider/images/divider_big.png 'class: image')

#### Design specification
* [Default](https://sbb.invisionapp.com/d/main#/console/15744722/327003618/inspect)
* [Default](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPJ4#Inspector)
28 changes: 14 additions & 14 deletions documentation/basics/typography/typography-de.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo
* Text der Überschrift soll dem Titel in der Navigation entsprechen.

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796872/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdV0O#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.2 Überschrift H2
Expand All @@ -21,7 +21,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo
* Darf nicht ohne vorangehenden H1-Titel eingesetzt werden.

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796873/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREJm#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.3 Überschrift H3
Expand All @@ -30,7 +30,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo
* Darf nicht ohne vorangehenden H2-Titel eingesetzt werden.

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796874/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVgP#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.4 Überschrift H4
Expand All @@ -39,22 +39,22 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo
* Darf nicht ohne vorangehenden H3-Titel eingesetzt werden.

#### Spezifikation
* [Design](lhttps://sbb.invisionapp.com/d/main#/console/15744722/331796875/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwRD4#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.5 Lead
![Darstellung des Schriftstils Lead-Text](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_lead.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796876/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/apaOED#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)


### 2.6 Fliesstext (Copy)
![Darstellung des Schriftstils Fliesstext](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_copy.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796877/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ApRlGR#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.7 Link
Expand All @@ -63,30 +63,30 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo
* Zusätzliche Ausführungen von Links sind unter [Link](https://digital.sbb.ch/de/websites/components/link) zu finden.

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796878/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/0Z7bOG#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.8 Subtext
![Darstellung des Schriftstils Subtext](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_subtext.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796879/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/lgGpYz#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.9 Tabellenheader
![Darstellung des Schriftstils Tabellenheader](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_table_header.png 'class: image')
* Definition der Tabelle als Komponente ist unter [Table](https://digital.sbb.ch/de/websites/components/table) zu finden.

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796882/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/kPQ1Yr#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.10 Tabellendaten
![Darstellung des Schriftstils Tabellendaten](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_table_data.png 'class: image')
* Definition der Tabelle als Komponente ist unter [Table](https://digital.sbb.ch/de/websites/components/table) zu finden.

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796883/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ozDKWL#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.11 Liste geordnet
Expand All @@ -97,7 +97,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo
* Wenn immer möglich, sollten kurze Beschreibungen für einen Listeneintrag (keine vielzeiligen Texte) definiert werden.

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796880/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Rvo8eW#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.12 Liste ungeordnet
Expand All @@ -108,19 +108,19 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo
* Wenn immer möglich, sollten kurze Beschreibungen für einen Listeneintrag (keine vielzeiligen Texte) definiert werden.

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796881/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/1JPWm5#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.13 Fieldset einfach
![Darstellung des Schriftstils Fieldset einfach](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_fieldset_default.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/328082546/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/pZKwWo#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.14 Fieldset verschachtelt
![Darstellung des Schriftstils Fieldset verschachtelt](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_fieldset_nested.png 'class: image')

#### Spezifikation
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/328082547/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/VOobD8#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)
28 changes: 14 additions & 14 deletions documentation/basics/typography/typography-en.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ The font styles defined here form the basis of web applications and their compon
* The text of the heading should be the same as the title in the navigation.

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796872/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdV0O#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.2 Heading H2
Expand All @@ -21,7 +21,7 @@ The font styles defined here form the basis of web applications and their compon
* Cannot be used without a preceding H1 title.

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796873/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/OzREJm#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.3 Heading H3
Expand All @@ -30,7 +30,7 @@ The font styles defined here form the basis of web applications and their compon
* It cannot be used without a preceding H2 title.

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796874/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/mjKVgP#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.4 Heading H4
Expand All @@ -39,22 +39,22 @@ The font styles defined here form the basis of web applications and their compon
* It cannot be used without a preceding H3 title.

#### Specification
* [Design](lhttps://sbb.invisionapp.com/d/main#/console/15744722/331796875/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/DKwRD4#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.5 Lead
![Image of the lead text font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_lead.png 'class: image')

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796876/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/apaOED#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)


### 2.6 Body copy
![Image of the body copy font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_copy.png 'class: image')

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796877/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ApRlGR#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.7 Link
Expand All @@ -63,30 +63,30 @@ The font styles defined here form the basis of web applications and their compon
* Further information about links can be found at [link](https://digital.sbb.ch/en/websites/components/link).

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796878/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/0Z7bOG#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.8 Subtext
![Image of the subtext font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_subtext.png 'class: image')

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796879/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/lgGpYz#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.9 Table header
![Image of the table header font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_table_header.png 'class: image')
* The definition of the table as a component can be found under [table](https://digital.sbb.ch/en/websites/components/table).

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796882/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/kPQ1Yr#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.10 Table data
![Image of the table data font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_table_data.png 'class: image')
* The definition of the table as a component can be found under [table](https://digital.sbb.ch/en/websites/components/table).

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796883/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/ozDKWL#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.11 List structure
Expand All @@ -97,7 +97,7 @@ The font styles defined here form the basis of web applications and their compon
* Short descriptions should be defined for a list entry (no four-line texts) whenever possible.

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796880/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/Rvo8eW#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.12 Unstructured list
Expand All @@ -108,19 +108,19 @@ The font styles defined here form the basis of web applications and their compon
* Short descriptions should be defined for a list entry (no four-line texts) whenever possible.

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/331796881/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/1JPWm5#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.13 Fieldset simple
![Image of the fieldset simple font style](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_fieldset_default.png 'class: image')

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/328082546/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/pZKwWo#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)

### 2.14 Fieldset complex
![Image of the fieldset font style complex](https://raw.githubusercontent.com/sbb-design-systems/design-system-website-documentation/master/documentation/basics/typography/images/typo_fieldset_nested.png 'class: image')

#### Specification
* [Design](https://sbb.invisionapp.com/d/main#/console/15744722/328082547/inspect)
* [Design](https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/VOobD8#Inspector)
* [SBB Angular Component Library](https://sbb-angular.app.sbb.ch/latest/typography)
Loading

0 comments on commit 7d1bede

Please sign in to comment.