Zur Navigation Zum Inhalt Kontakt Menu Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Basis Komponenten Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Images

Was macht diese Komponente?

Wann soll diese Komponente eingesetzt werden?

Regeln

Varianten und Zustände

Bei Bildern werden folgende Stile unterschieden:

Key Visual

Formate

Aspect Ratio

Non-Retina

Retina

Retina-HD (iPhone 7)

Tablet 48:25 768x400 1536x800
Desktop

83:30

1328x480

2656x960


4K 83:30 2656x960 2656x960
Mobile 166:133 320x266 640x532 960x798
5K



Infobild

Lazyload

Innerhalb eines Teasers

Als Hintergrund (z.B. Karte)

Impressum Kontakt Cookie Einstellungen