Eine offizielle Website der Bundesrepublik Deutschland

Digitale Medien

Hier finden Sie medienspezifische Regeln und Vorgaben für Webanwendungen, Social Media, Email-Signaturen und Apps.

Musterbeispiel Website.

Webanwendungen

Das visuelle Erscheinungsbild der Bundesregierung beruht auf einem einheitlichen Gestaltungsprinzip, welches in allen Webanwendungen für einen hohen Wiedererkennungswert sorgt.

2 Ansichten Smartphone-Screen mit Musterbeispiel Social Media.

Social Media

Der Social-Media-Auftritt ist ein probates Kommunikationsmittel für den schnellen Austausch im Internet.

2 Ansichten Desktop mit Musterbeispiel Emailabsender.

E-Mail

Das homogene Layout des meistgenutzten Kommunikationsmediums sorgt für die bestmögliche Rezeption und eine eindeutige Übermittlung des Absenders. 

2 Ansichten Smartphone-Screen mit Musterbeispiel App.

Apps

Eine konsistente und nutzerzentrierte Gestaltung hebt die Nutzerfreundlichkeit und damit die Akzeptanz aller Software-Applikationen der Bundesregierung.

2 Ansichten der Kennzeichnung digitaler Produkte: Webanwendung und mobile Webanwendung

Kennzeichnung digitaler Produkte

Um die Wiedererkennbarkeit bei digitalen Produkten und Portalen zu gewährleisten, liegen zwei unterschiedliche Darstellungsformen zur Kennzeichnung vor: die Option "Wortmarke" und die Option "Register", welche stets in Verbindung mit der Bildwortmarke verwendet werden.

Bildschirm-Hintergründe

Bildschirm-Hintergründe

Für digitale Arbeitsumgebungen stehen ein Login-Hintergrund sowie verschiedene Desktop-Hintergründe zur Verfügung, die den Vorgaben des Corporate Designs der Bundesregierung entsprechen. Alle Hintergründe sind im Downloadbereich in unterschiedlichen Formaten und Auflösungen erhältlich.

Bookmark-Icons und Favicon

Um URLs zu häufig besuchten Websites schneller aufrufen zu können, bieten unterschiedliche Geräte und Browser die Möglichkeit, sogenannte Bookmarks (auch Favoriten) anzulegen. Entsprechend gespeicherte URLs können zur besseren Wiederauffindbarkeit und Abgrenzung mit einem Icon – dem sogenannten Bookmark-Icon – gekennzeichnet werden.

Da die Geräte und Browser unterschiedliche Anforderungen an die entsprechenden Icons stellen, sollte auf der zugehörigen Website ein Icon-Set hinterlegt werden, welches Formate für möglichst viele Geräte und Browser zur Verfügung stellt. Trotzdem kann es je nach Alter des verwendeten Betriebssystems oder Browsers zu Abweichungen in der Darstellung kommen.

Umsetzungsbeispiele

Das Bookmark-Icon der Bundesregierung besteht aus dem schwarzen Bundesadler auf weißem Grund und dem Flaggenstab; die Bookmark-Icons der Bundesministerien sind mit der grauen Adlerschwinge auf weißem Hintergrund, dem Ministeriumskürzel und dem Flaggenstab gekennzeichnet. Demselben Aufbau folgen auch die Bookmark-Icons der Bundesbehörden.

3 Ansichten: Bundesadler mittig und Flaggenstab rechts, Text für Ministerien-Kürzel unten links und Flaggenstab rechts, Text für Beispielbehörde unten links und Flaggenstab rechts.

Aufbau der Bookmark-Icons der Bundesregierung, für Bundesministerien und für Bundesbehörden.

Die Bookmark-Icons der Bundesministerien sind jeweils mit ihrem Kürzel beschriftet.

Die Bookmark-Icons der Bundesministerien sind jeweils mit ihrem Kürzel beschriftet.

von links nach rechts: 
Bundesministerium der Finanzen (BMF)
Bundesministerium des Innern (BMI)
Auswärtiges Amt (AA)
Bundesministerium der Verteidigung (BMVg)
Bundesministerium für Wirtschaft und Energie (BMWE)
Bundesministerium für Forschung, Technologie und Raumfahrt (BMFTR)
Bundesministerium der Justiz und für Verbraucherschutz (BMJV)
Bundesministerium für Bildung, Familie, Senioren, Frauen und Jugend (BMBFSFJ)
Bundesministerium für Arbeit und Soziales (BMAS)
Bundesministerium für Digitales und Staatsmodernisierung (BMDS)
Bundesministerium für Verkehr (BMV)
Bundesministerium für Umwelt, Klimaschutz, Naturschutz und nukleare Sicherheit (BMUKN)
Bundesministerium für Gesundheit (BMG)
Bundesministerium für Landwirtschaft, Ernährung und Heimat (BMLEH)
Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung (BMZ)
Bundesministerium für Wohnen, Stadtentwicklung und Bauwesen (BMWSB)
Der Beauftragte Bundesregierung für Kultur und Medien (BKM)

Bookmark-Icons für interne Anwendungen

Die Bookmark-Icons für interne Anwendungen bestehen grundsätzlich aus der Adlerschwinge in mittlerem Blau auf hellblauem Hintergrund und dem Flaggenstab. Das Behördenkürzel steht oben links, die interne Zusatzbezeichnung unten links.

oben Text für Behörde, unten links Text für Zusatzbezeichnung, Flaggenstab rechts.

Aufbau der Bookmark-Icons für interne Anwendungen.

3 Beispiele: BPA Extranet, BPA Intranet, BPA Presse.

Beispiele von Bookmark-Icons für interne Anwendungen des Bundespresseamtes.

Darstellung auf unterschiedlichen Endgeräten

3 Anwendungsbeispiele: Bundesregierung, Bundesministerium, Beispielbehörde.

Darstellung Bookmark-Icons auf dem Startscreen unter iOS 9

3 Anwendungsbeispiele: Bundesregierung, Bundesministerium, Beispielbehörde.

Darstellung Bookmark-Icons auf dem Startscreen unter iOS 9.

3 Anwendungsbeispiele: Bundesregierung, Bundesministerium, Beispielbehörde.

Darstellung Bookmark-Icons auf dem Startscreen unter Windows 10.

 

Favicon

Innerhalb des gesamten Bookmark-Icons-Sets stellt das klassische Favicon die kleinstmögliche Darstellung zur Verfügung. Aufgrund der geringen Auflösung kommt hierfür ein statisches Motiv zum Einsatz.

Ansichtsbeispiel: weiss.

Anwendung des Favicons im Tab eines Google Chrome Browsers.

Ansichtsbeispiel: schwarz.

Anwendung des Favicons im Tab eines Google Chrome Browsers mit Dark-Theme.