01_Designguide

0. Orientierung Divi

Divi-Farben

Sektion

#2B87DA

Zeile

#29C4A9

Modul

#4C5866

Vollbreite Sekt.

#6C2EB9

Spezial-Sektion

#FF9232

Globales Objekt

#97d000

1. Farben und Schriften

Farben 

#001489

#00bce1

#0076d7

#222222

#ffffff

#e37610

Schriften

Überschriften

Text

2. Text-Stile

Standard

Weitere Preset-Styles

Überschriften

Überschrift H1

Überschrift H1

 

Überschrift H2

Überschrift H2

 

Überschrift H3

Überschrift H3

 

Überschrift H4

Überschrift H4

 

Überschrift H5
Überschrift H5

 

Überschrift H6
Überschrift H6

Text Preset 1

(Preset-Name)

Text dunkler Hintergrund

(Preset-Name)

Text

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. 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

Text Preset 1

(Preset-Name)

Text dunkler Hintergrund

(Preset-Name)

3. Module

Standard

Weitere Preset-Styles

Button

Button 1

(Preset-Name)

Button Kontakt Fußzeile

(Preset-Name)

Informations-Text / Blurb

Info-Text heller Hintergrund

(Preset-Name)

Info-Text dunkler Hintergrund

(Preset-Name)

4. Abschnitte (Bibliothek unter „Vorlagen“)

01 Startseite Intro

Intro-Sektion

(Sektion Preset)

Einzelüberschrift

(Zeile Preset)

Dreier-Box mit Schatten

(Zeile Preset)

Überschriften Sektionen zentriert

(Modul Text Preset)

Text Intro-Kasten

(Modul Text Preset)

Aufzaehlung Intro-Kasten

(Modul Text Preset)

5. Entwürfe (noch nicht in der Bibliothek)