Styleguide

Grid

1
11
2
10
6
6
4
4
4
3
3
6
?
?

Farben

Eisblau $brandgreen: #60C0C4;
Hellblau $lightbrandgreen: #B8DAE1;
Dunkelgrau $darkgrey: #3f464a;
$lightgrey: lighten( $darkgrey, 70% );
Dunkelblau $darkblue: #11507b;
Mittelblau $blue: #007b9d;

Headlines

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5
Headline 6

Copy-Text

Text in einem Standard Absatz.

Links

Ein Standard Link im Copytext

Link Footer

Content nur mit Markup

Testcontent

Inhalte müssen so gestylt werden, dass sie auch ohne Verweise auf Klassen funktionieren.

Siehste mal

Inhalte müssen so gestylt werden, dass sie auch ohne Verweise auf Klassen funktionieren.

  • Listen
  • auch

Text und Bild

Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich.

Text und Bild rechts

Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich.

Full Image

Image Subline

Teaser Image zweifach

Teaser Image dreifach

Teaser Blog dreifach

So oder so, es kommt der Text aus dem Content Management System Mehr erfahren

So oder so, es kommt der Text aus dem Content Management System Mehr erfahren

So oder so, es kommt der Text aus dem Content Management System Mehr erfahren

Teaser Download

Teaser Shop

Produktdetailansicht

Artikelnummer: 4711

Farben:

  • weiß

Größen: S, M, L

Formular

Formlegende
4177

Pipe Navigation

Footer

Social Leiste

Breadcrumb