Corporate Design Guide

Dieses Corporate Design Manual definiert die visuellen Gestaltungselemente für alle Kommunikationsmittel von RostockGedser.de. Es bildet die Basis für einen einheitlichen Markenauftritt und dient Redaktionen, Kooperationspartnern sowie externen Dienstleistern als Referenz. Stand der Richtlinien: April 2026, Version 2.0 – vollständig überarbeitet und an die aktuelle Live-Website angeglichen.

1. Das Logo

Das Logo von RostockGedser.de ist das zentrale Element unserer visuellen Identität. Es kombiniert die Silhouette eines Scandlines-Fährschiffs mit einer stilisierten Welle und dem Wortlaut „rostock gedser" in der Hausfarbe Primärblau (#005D8A). Der Schriftzug „FAEHRE.DE" darüber verweist auf den übergeordneten thematischen Kontext der Seite: die Fährverbindung zwischen Deutschland und Dänemark.

Links: Standardvariante auf hellem Hintergrund. Rechts: weiße Variante auf Sekundärblau.

Schutzraum

Um die Wirkung des Logos zu gewährleisten, ist ein Mindestabstand zu anderen grafischen Elementen einzuhalten. Der Schutzraum entspricht der Höhe des Buchstabens „R" im Logotext und gilt auf allen vier Seiten.

Mindestgröße

Um Lesbarkeit und Erkennbarkeit zu wahren, sollte das Logo nicht kleiner als 30 mm in der Breite dargestellt werden. Für digitale Anwendungen gilt eine Mindestbreite von 120 Pixeln.

Logo-Downloads

Die Logo-Varianten (PNG, WebP, SVG) stellen wir Redaktionen und Kooperationspartnern auf Anfrage bereit. Schreiben Sie uns kurz – wir senden Ihnen das passende Format.

Logo-Dateien anfragen

2. Farbpalette

Die Farbpalette von RostockGedser.de spiegelt die Ostsee und die maritime Verbindung zwischen Rostock und Gedser wider. Das Primärblau (#005D8A) ist die dominante Markenfarbe – es steht für Seriosität, das Meer und die Scandlines-DNA. Das Sonnengelb (#FFC107) setzt gezielte Akzente bei Call-to-Actions und Hinweisboxen.

Farbverteilung

Die Farben werden typischerweise in folgendem Verhältnis eingesetzt:

• Primär- und Sekundärblau (#005D8A / #00456B): ca. 60 % – Hintergründe, Headings, primäre Buttons, Hero-Sektionen
• Neutralfarben (Weiß, Textdunkel, Hellgrau): ca. 30 % – Fließtext, Kartenhintergründe, Seiten-BG
• Sonnengelb (#FFC107): ca. 10 % – gezielte Akzente, Highlight-Boxen, sekundäre CTAs, Ticker

Farbkontexte & Barrierefreiheit (BFSG)

• Primärblau: Haupt-CTAs, Headings, Header. Kontrast zu Weiß 7,5 : 1 – erfüllt WCAG AAA.
• Sekundärblau: Hero-Sektionen, Hover-States von Primary-Buttons.
• Sonnengelb: nur mit dunklem Text einsetzen – gelber Text auf Weiß/Hell ist nicht WCAG-konform.
• Outline-Buttons auf dunklem Hintergrund brauchen die Klasse .btn-outline-light (weißer Border, weißer Text). .btn-outline mit Primärblau ist ausschließlich für helle Sektionen.

3. Typografie

Unsere Typografie ist system-nah, klar und gut lesbar. Wir verwenden bewusst Segoe UI als primäre Schrift und greifen systemseitig auf die bewährten Fallbacks Tahoma/Geneva/Verdana zurück – für schnelle Ladezeiten und nahtloses Rendering auf allen Geräten.

4. Designelemente

Zusätzlich zu Logo und Farbpalette verfügt RostockGedser.de über charakteristische Designelemente, die den Auftritt prägen.

Wellen- und Sonnenflächen

Das Blau-Gradient (Primär → Sekundär → Wellenblau) kommt in Hero-Sektionen und Section-Trennern zum Einsatz. Das Sonnengelb-Gradient wird sparsam für Highlight-Boxen und Angebots-Ticker verwendet.

Bildsprache

Für Bildmaterial gelten folgende Richtlinien:

• Authentische Aufnahmen der dänischen und deutschen Ostseeküste – keine Stockphoto-Kulissen
• Freundliche, einladende Atmosphäre; natürliche Farben mit leichter Blau-/Gelb-Betonung
• Fokus auf Landschaften, maritime Motive, Fährschiffe und echte Reisesituationen
• Bei Personen bevorzugt redaktionelle Aufnahmen mit Rechte-Freigabe (Credits-Dokumentation)
• Keine überbearbeiteten oder KI-generierten Stock-Looks – Glaubwürdigkeit geht vor Perfektion

5. Logo-Anwendung

Das Logo wird immer mit ausreichendem Schutzraum und Kontrast eingesetzt.

Logo-Varianten

• Farbversion (Standard): für weiße oder hellgraue Hintergründe
• Weiße Version: für dunkelblaue Hero-Sektionen und Footer
• Einfarbige Version: für Gravuren, Stempel, einfarbige Drucksachen

Don’ts

Folgendes ist bei der Verwendung des Logos zu vermeiden:

• Verzerrung oder Veränderung der Proportionen
• Drehung oder Spiegelung
• Effekte wie Schlagschatten, Schein, Verläufe oder Outlines
• Einfärbung außerhalb der definierten Varianten (blau, weiß, einfarbig)
• Platzierung auf unruhigen Hintergründen ohne ausreichenden Kontrast
• Missachtung des Schutzraums

6. Anwendungsbeispiele

Das Corporate Design kommt in allen Medien einheitlich zum Einsatz:

7. Interface-Elemente

Für digitale Anwendungen (Website, Landing Pages, Buchungsformulare) gelten folgende Komponenten-Stile:

Buttons

Weitere Elemente

Formularfelder, Karten und Navigationsleisten folgen dem Bootstrap-5-Framework in unserer Markenkonfiguration. Eine Komponenten-Referenz stellen wir Kooperationspartnern auf Anfrage zur Verfügung.

8. Pressekontakt

Für Logo-Dateien, hochauflösende Pressefotos, Interview-Anfragen oder Fragen zum Corporate Design wenden Sie sich bitte direkt an unseren Pressekontakt. Eine ausführliche Übersicht aller verfügbaren Medien-Ressourcen finden Sie im Pressebereich.

9. Über RostockGedser.de