Kennzeichnung digitaler Produkte
Für eine Kennzeichnung von digitalen Produkten und Portalen stehen zwei unterschiedliche Darstellungsformen zur Verfügung: die Option „Wortmarke“ und die Option „Register“. Die Kennzeichnung von digitalen Produkten und Portalen erfolgt immer in Verbindung mit der Bildwortmarke. Die beiden Optionen werden im Folgenden erläutert.
Aufbau
Als Ergänzung zur Bildwortmarke wird die Produktkennzeichnung in Form einer Wortmarke zum Absender hinzugefügt. Um sich von der Bildwortmarke abzuheben, wird die Produktkennzeichnung in der BundesSans Bold in Versalien und mit einer Laufweite von 50 gesetzt. Die Produktkennzeichnung kann im Farbspektrum der Bundesregierung frei gesetzt werden. Hierbei ist auf die Barrierefreiheit zu achten.
Bei der Kennzeichnung des Produkts ist auf eine angemessen Textlänge zu achten. Dabei dient eine Zeichenzahl von etwa 20 als Orientierung. Sollte sich eine lange Produktkennzeichnung nicht vermeiden lassen, kann diese über mehrere Zeilen laufen.
Je nach Anwendung und verfügbarer Fläche kann der Mindestabstand zur Bildwortmarke erhöht werden. Für die interne Ansicht der Portale gilt: die Bildwortmarke und die Produktkennzeichnung können untereinander angeordnet werden, die Produktkennzeichnung kann zusammen mit der Minimalversion der Bildwortmarke genutzt werden oder, im Falle von sehr wenig Platz, kann die Produktkennzeichnung ausnahmsweise ohne Bildwortmarke verwendet werden. So kann für unterschiedliche Anwendungen die Produktkennzeichnung flexibel genutzt werden.
Positionierung nebeneinander, Zusatz Produktkennzeichnung einzeilig
Positionierung nebeneinander, Zusatz Produktkennzeichnung zweizeilig
Positionierung untereinander (Einsatz nur innerhalb der Portalanwendung)
Positionierung untereinander (Platzsparende Version, diese Versionen sind nur für interne Ansichten der Portale vorgesehen.)
Anwendungsbeispiele
Im Folgenden werden verschiedene Anwendungen der Produktkennzeichnung zur Veranschaulichung der Flexibilität dargestellt.
Beispiel Webanwendung, Positionierung von Bildwortmarke und Produktkennzeichnung nebeneinander.
Beispiel Webanwendung, Produktkennzeichnung mit originärer Bildwortmarke (links) und Minimalversion der Bildwortmarke (rechts).
Beispiel digitale Anwendung, Produktkennzeichnung mit originärer Bildwortmarke (links) und Minimalversion der Bildwortmarke (rechts). Diese Versionen sind nur für interne Ansichten der Portale vorgesehen.
Beispiel digitale Anwendung, Produktkennzeichnung mit Minimalversion der Bildwortmarke und originärer Bildwortmarke. Diese Version ist nur für interne Ansichten der Portale vorgesehen.
Beispiel mobile Webanwendung, Positionierung nebeneinander, Bildwortmarke ändert sich zur Minimalversion mit Scrollverhalten (rechts).
Bookmark-Icon mit Produktkennzeichnung
Die Darstellungsform des Bookmark-Icons für die Option „Wortmarke“ orientiert sich an der bestehenden Gestaltung der Bookmark-Icons. Die Produktkennzeichnung wird im oberen Teil des Bookmark-Icons in Versalien platziert. Im unteren Teil folgt die Absenderkennzeichnung.
Zusätzlich gibt es die Alternative, die Hintergrundfläche in der gewählten Farbe der Produktkennzeichnung einzufärben. Der Ausschnitt des Bundesadlers wird in 80% der Hintergrundfarbe abgestuft.
Umsetzungsbeispiele
Bookmark-Icon „Wortmarke“
Bookmark-Icon „Farbe“
Bookmark-Icon „Wortmarke“
Bookmark-Icon „Farbe“
Exemplarische Darstellung des Bookmark-Icons auf dem Screen
Exemplarische Darstellung des Bookmark-Icons auf dem Screen
Aufbau
Bei der Option „Register“ wird die Produktkennzeichnung auf einer Trägerfläche mit abgerundeten Ecken platziert. Die Rundung der Ecken beträgt 30 px. Es ist darauf zu achten, dass die Bildwortmarke und die Trägerfläche mit der Produktkennzeichnung untereinander platziert werden. Bei ausreichender verfügbarer Breite können beide Elemente nebeneinander stehen. Die Farbe der Trägerfläche kann aus dem Farbspetkrum der Bundesregierung frei gewählt werden. Hierbei ist auf die Barrierefreiheit zu achten. Die Zeichenfarbe wird, je nach Hintergrund, in Weiß oder Schwarz gehalten und steht immer zentriert zur Gesamtfläche.
Die Produktkennzeichnung wird in der BundesSans Bold in Versalien gesetzt, mit einer Laufweite von 50. Diese steht immer zentriert innerhalb der Trägerfläche, es sei denn, die Trägerfläche wird interaktiv genutzt. Durch die Skalierbarkeit der Trägerfläche finden ebenso lange Kennzeichnungsnamen ihren Platz. Bei der optionalen, interaktiven Nutzung der Trägerfläche, werden mehrere Reiter nebeneinander platziert. Diese können unterschiedlich farbig hervorgehoben werden (siehe Anwendungsbeispiele).
Je nach Anwendung, Platzierung und verfügbarer Fläche kann die Trägerfläche in ihrer Darstellung verändert werden. Wird die Trägerfläche unter der Bildwortmarke positioniert, befinden sich die abgerundeten Ecken oben an der Trägerfläche. Innerhalb der Portalanwendung kann die Trägerfläche neben der Bildwortmarke stehen. In diesem Fall befinden sich die abgerundeten Ecken oben. Ebenfalls innerhalb der Portalanwendung kann die Produktkennzeichnung zusammen mit der Minimalversion der Bildwortmarke genutzt werden oder, im Falle von sehr wenig Platz, kann die Produktkennzeichnung ausnahmsweise ohne Bildwortmarke verwendet werden. So kann die Produktkennzeichnung flexibel eingesetzt werden.
Positionierung der Produktkennzeichnung innerhalb der Trägerfläche
Skalierbarkeit der Trägerfläche
Positionierung der Produktkennzeichnung neben der Bildwortmarke (nur innerhalb der Portalanwendung)
Positionierung der Produktkennzeichnung innerhalb der Trägerfläche (Platzsparende Version, diese Versionen sind nur für interne Ansichten der Portale vorgesehen.)
Positionierung der Produktkennzeichnung neben der Bildwortmarke (Platzsparende Version, diese Versionen sind nur für interne Ansichten der Portale vorgesehen.)
Anwendungsbeispiele
Im Folgenden werden verschiedene Anwendungen der Produktkennzeichnung zur Veranschaulichung der Flexibilität dargestellt.
Beispiel Webanwendung, Produktkennzeichnung in interaktiver Trägerfläche mit verschiedenen Reitern.
Beispiel Webanwendung, Produktkennzeichnung mit originärer Bildwortmarke (links) und Minimalversion der Bildwortmarke (rechts).
Beispiel digitale Anwendung, Produktkennzeichnung mit originärer Bildwortmarke (links) und Minimalversion der Bildwortmarke (rechts). Diese Versionen sind nur für interne Ansichten der Portale vorgesehen.
Beispiel digitale Anwendung, Produktkennzeichnung mit Minimalversion der Bildwortmarke und originärer Bildwortmarke. Diese Version ist nur für interne Ansichten der Portale vorgesehen.
Beispiel mobile Webanwendung, Bildwortmarke ändert sich zur Minimalversion mit Scrollverhalten (rechts).
Bookmark-Icon mit Produktkennzeichnung
Bei der Darstellung des Bookmark-Icons für die Option „Register“ wird die Produktkennzeichnung unten in eine farbige Trägerfläche gesetzt. Die Farbe kann unter Berücksichtigung der Barrierefreiheit beliebig gewählt werden. Die Höhe der Trägerfläche kann je nach Länge der Produktkennzeichnung angepasst werden. Sie sollte jedoch nicht über die Hälfte der Höhe des Bookmark-Icons einnehmen. Der Behördenname oder das amtliche Kürzel werden oberhalb platziert.
Umsetzungsbeispiele
Bookmark-Icon „Register“
Exemplarische Darstellung der Bookmark-Icons auf dem Screen