Layout
Elemente, die dabei helfen, das Layout zu strukturieren, wie z. B. Sections, Kontaktformulare oder Navigationselemente.
Content
Abstand oben: 7%
SECTION
DX: Section Abstand OBEN
Umgebender Container mit einem fest definierten Abstand nach oben.
Dos and Don’ts
- Bei aufeinanderfolgenden Sections dürfen keine Abstände aufeinander treffen (Ausnahme: Section mit grauem Hintergrund).
- Ist z.B. eine Section mit einem Abstand nach unten eingesetzt, darf daraufhin keine Section mit einem Abstand nach oben eingesetzt werden.
- Keine individuellen Abstände vergeben, sondern die Sections korrekt miteinander kombinieren.
Content
Abstand oben und unten: 7%
SECTION
DX: Section Abstand OBEN und UNTEN
Umgebender Container mit einem fest definierten Abstand nach oben und unten.
Dos and Don’ts
- Bei aufeinanderfolgenden Sections dürfen keine Abstände aufeinander treffen (Ausnahme: Section mit grauem Hintergrund).
- Ist z.B. eine Section mit einem Abstand nach unten eingesetzt, darf daraufhin keine Section mit einem Abstand nach oben eingesetzt werden.
- Keine individuellen Abstände vergeben, sondern die Sections korrekt miteinander kombinieren.
Content
SECTION
DX: Section Abstand OHNE
Umgebender Container ohne Abstand.
Dos and Don’ts
- Bei aufeinanderfolgenden Sections dürfen keine Abstände aufeinander treffen (Ausnahme: Section mit grauem Hintergrund).
- Ist z.B. eine Section mit einem Abstand nach unten eingesetzt, darf daraufhin keine Section mit einem Abstand nach oben eingesetzt werden.
- Keine individuellen Abstände vergeben, sondern die Sections korrekt miteinander kombinieren.
Content
Abstand unten: 7%
SECTION
DX: Section Abstand UNTEN
Umgebender Container mit einem fest definierten Abstand nach unten.
Dos and Don’ts
- Bei aufeinanderfolgenden Sections dürfen keine Abstände aufeinander treffen (Ausnahme: Section mit grauem Hintergrund).
- Ist z.B. eine Section mit einem Abstand nach unten eingesetzt, darf daraufhin keine Section mit einem Abstand nach oben eingesetzt werden.
- Keine individuellen Abstände vergeben, sondern die Sections korrekt miteinander kombinieren.
Content
Abstand oben und unten: 7%
SECTION
DX: Section Grau
Umgebender Container mit grauer Hintergrundfarbe und einem fest definierten Abstand nach oben und unten. Dient aufeinanderfolgende Sections voneinander abzugrenzen.
Dos and Don’ts
- Beim Einsatz dieser Section muss die folgende und vorangegangene Section einen Abstand nach oben und unten enthalten.
- Keine individuellen Abstände vergeben, sondern die Sections korrekt miteinander kombinieren.