# Brand.

## Was macht die Komponente?

- Kennzeichnet den Absender einer Seite.

## Wann soll die Komponente eingesetzt werden?

- Bei allen SBB-Apps.

## Regeln

- Das Signet tritt genau einmal pro Seite auf und befindet sich immer im Header.
- Die Positionierung ist immer rechts oben.
- Abwandlungen des Signets sind nicht erlaubt.
- Das Signet ist immer verlinkt mit der Startseite der App.

## Varianten und Zustände

- Default / Fallback

### Default

![Darstellung des Standard Signets](https://digital.sbb.ch/assets/images/mobile/brand-logo-default-light.webp "Standard Signet")

![Darstellung des Standard Signets](https://digital.sbb.ch/assets/images/mobile/brand-logo-default-dark.webp "Standard Signet")

### Fallback

![Darstellung des Signets, Fallback](https://digital.sbb.ch/assets/images/mobile/brand-logo-fallback-light.webp "Signet, Fallback")

![Darstellung des Signets, Fallback](https://digital.sbb.ch/assets/images/mobile/brand-logo-fallback-dark.webp "Signet, Fallback")

## Barrierefreiheit

- Das Signet muss mit einem Alternativtext hinterlegt werden (z.B. "Zurück zu Startseite").

## Spezifikationen

[Design](https://www.figma.com/design/ZBotr4yqcEKqqVEJTQfSUa/Design-System-Mobile?m=auto&node-id=33-771&t=rQTLXnChqHrpKLB4-1)

---

Source: https://digital.sbb.ch/de/design-system/mobile/basics/brand/