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.

Komponenten

Der Aufbau der Komponenten folgt dem Atom-Modell. Dabei werden die Komponenten basierend auf ihren Einzelbestandteilen und ihrer html-Struktur in die drei Typen Atome, Moleküle und Organismen gegliedert. Nachfolgend werden alle Komponenten ihrer Zugehörigkeit nach aufgelistet und deren Haupteigenschaft beschrieben. Abbildungen und eine Beschreibung der jeweiligen Komponente können über den Link „Details“ aufgerufen werden. Der zugehörige Code und eventuelle Ressourcen können von Web-Entwicklern über den Link „Code“ direkt in der Component Library aufgerufen werden.

Die Dokumentation der Komponenten befindet sich, wie die Komponenten selbst, in stetiger Weiterentwicklung. Sollten Sie bestimmte Komponenten oder Code-Ressourcen nicht vorfinden, wenden Sie sich gern an corporate-design@bpa.bund.de .