Was nicht ist, kann ja noch werden

Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können… hier geht’s zum Styleguide!

Bild nur zu Testzwecken verwenden

Anzeigen Beispiele

Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können. Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können. Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link
Das ist ein Alt-Text

Hier Fließtext der Anzeige lalala foo bar hello world kilroy was here…
Bildgröße sollte bei einer Auflösung von 72dpi etwa 344px x 344px betragen (Seitenverhältnis 1 zu 1).
Beim Austausch des Bildes bitte auch die Texte für alt und title ändern!

Verlinkung…
Das ist ein Alt-Text

Hier Fließtext der Anzeige lalala foo bar hello world kilroy was here…
Bildgröße sollte bei einer Auflösung von 72dpi etwa 700px x 394px betragen (Seitenverhältnis 1 zu 0,562857143).
Beim Austausch des Bildes bitte auch die Texte für alt und title ändern!

Verlinkung…
Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können. Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können. Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link
Call to action

Was nicht ist, kann ja noch werden.


Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Call to action button
Contact box
Bild nur zu Testzwecken verwenden
Kermit
the frog
Bild nur zu Testzwecken verwenden
Content teaser
Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…
Download box
Download item title
Download item description
Download item title
Download item description
Bild nur zu Testzwecken verwenden

Image card

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Partner bar – Kermit Consultings
Bild nur zu Testzwecken verwenden
Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link
Testimonial – Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…
Bild nur zu Testzwecken verwenden

Kermit

the frog

Fact box – Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

1000
$
Animierte Zahl
„Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…“

Teaser wall

Teaser wall subheader

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link
Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link
Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link
Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link

Swiper slider

Swiper silder subheader

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link
Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link
Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link
Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link
Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link
Bild nur zu Testzwecken verwenden
Teaser card subheader

Teaser card header

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Teaser card link

Accordion

Accordion subheader

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Accordion item

Headline

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Accordion item

Headline

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Accordion item

Headline

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Accordion item

Headline

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Pulled left

„Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…“

Headline

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Pulled right

1000
$
Animierte Zahl

Headline

Was nicht ist, kann ja noch werden. Sagt man dafür, dass sich die Dinge auf längere Sicht durchaus positiv gestalten können…

Regular text element

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«.

Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum.

Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind.

Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden.