Eine für Smartphones optmierte Version wird in Kürze verfügbar sein
1.0.Einführung    1.6Design Anforderungen

1.6Design Anforderungen

Bevor Sie mit einem Projekt beginnen, ist es sehr wichtig, dass Sie die Daimler Designanforderungen kennen und befolgen. Die Beachtung der Designanforderungen ist wichtig für die Synergien des gesamten Daimler-Onlineangebotes. 

Bitte lesen Sie die folgenden Informationen durch:

 

Some Image

    A - Gesetzliche Vorschriften 

    Sie müssen Informationen über Anbieter, Datenschutz und Cookies-Verwendung bereitstellen. Diese Informationen finden Sie über Link und Icon "Anbieter/Datenschutz" im Header der Webseite (Assistbar).

    Lesen Sie mehr über die gesetzlichen Anforderungen

     

      

    B - Header und Logo

    Der Header ist auf allen Webseiten im Daimler Eco-System identisch. Er enthält Logo, Sprachauswahl, Links zu Anbieter und Datenschutz, Suche und Navigationslinks. Wenn sich der Header zur Anpassung an kleinere Bildschirmgrößen verkleinert, nehmen die Navigationslinks die Form eines Ausklappmenüs bzw. Flyout-Menüs an.

    Lesen Sie mehr über die Header-Komponente

    Hier finden Sie das Daimler Logo

     

     

    C - Typografie

    Hausschrift der Daimler AG ist die Schriftart Daimler CS (Corporate S). Sie kann im Daimler Designnavigator heruntergeladen werden. Überschriften auf Bildern werden auf einem weißen oder schwarzen Multiline-Hintergrund platziert. Der Fließtext wird von ausreichend Weißraum umgeben, der die zu vermittelnden Inhalte stärker wirken lässt und dem Auge eine bessere Führung gibt.

    Lesen Sie mehr über die Typografie

     

     

    D - Icons

    Für die komfortable Nutzung gibt es Daimler-Icons als Icon-Fonts in zwei verschiedenen Varianten.

    Lesen Sie mehr über die Icons

     

     

    E - Bildformate und Bildgrößen (Ratios)

    Bei der Verwendung von visuellen Material gilt: Achten Sie auf Einheitlichkeit hinsichtlich des Stils und der Formate. Empfohlene Bildseitenverhältnisse sind 1:1, 2:1 und 16:9. Offizielles Bildmaterial in großer Menge finden Sie auf dem Daimler Media Portal. Das Format 1:2 wird nur für die Hintergrundgestaltung eingesetzt.

    Lesen Sie mehr über die Bildformate

     

     

    F - Farbe

    Das Farbkonzept von Daimler ist von monochromen Farben und einem hohen Schwarz-Weiß-Kontrast geprägt. Petrol und Deep Red sind Farben, die punktuell eingesetzt werden.

    Lesen Sie mehr über die Farben

     

     

    G - Raster

    Daimler verwendet auf seinen Webseiten das Bootstrap-Raster. Dieses Rastersystem ist um vier fest definierte Umbruchpunkte (Breakpoints) aufgebaut, von kleinen Mobilgeräten bis zum großen Desktop. Die Nutzung des Rastersystems stellt sicher, dass alle Komponenten frei kombinierbar sind und sich einheitlich verhalten.

    Lesen Sie mehr über das Raster

     

     

    H - Footer

    Die spezifischen Inhalte des Footers unterscheiden sich von Webseite zu Webseite. Allerdings sind einige Elemente auf allen Webseiten vorhanden: Social-Media-Kanäle, Footer-Navigation, Copyright und Markenlogos, jeweils abgestimmt auf die Gesellschaft bzw. den Bereich.

    Lesen Sie mehr über den Footer