Style Guide der
METRO LOGISTICS

Auf dieser Seite sollten alle Farben und Schriftarten
zentral für alle Seiten bearbeitet werden

 

Typografie

Schriftarten, Größen, Farben und alles Weitere. Diese Seite ist wirklich optimal für solche Einstellungen und gibt einen guten Eindruck über deren Auswirkungen. Wie z.B. bei der Gestaltung von Links, die dann so aussehen wie dieser hier.

Die folgenden Header sind ganz wichtig für SEO und verstehen sich grundsätzlich wie in jeder Gliederung. Das heißt, dass das Prinzip H1, H2, H3 analog funktioniert wie 1., 1.1, 1.1.1 usw. Eine H1 gibt es nur einmal, darauf folgt immer H2 und darauf H3 als Untergliederungspunkt oder H2 als weitere gleichwertige Überschrift. Auf H2 kann z.B. niemals eine H4 Überschrift folgen!

H1 Header

H2 Header

H3 Header

H4 Header

H5 Header
H6 Header

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

  • Das hier sind einfach...
  • ...ein paar Bullet Points...
  • ...um die Funktion zu illustrieren
  1. Das hier sind Aufzählungszeichen...
  2. ...mit denen sich Argumente strukturiert...
  3. ...aufführen lassen!
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy!
Modal Pop Up
 

Buttons / CTAs

You can set up various buttons style to help visually communicate primary, secondary, and tertiary actions you want a visitor to take.

 

Primärer CTA

Sekundärer CTA

Tertiärer CTA

 

Forms

Headline Here

This is where you can add some extra copy.

Headline Here

This is where you can add some extra copy.

Headline Here

This is where you can add some extra copy.