MONOSPACE / MOTION STUDY 03
Ein Abschnitt. Mehrere Ebenen.
Erst fließt die Seite. Dann schieben sich drei Ebenen übereinander. Am Ende geht es ganz normal weiter.
Scrolle langsam durch den nächsten Bereich – und auch wieder zurück.
01 / ORIENTIERUNG
Klarheit schafft Richtung.
Eine Idee wird zum gemeinsamen Ausgangspunkt. Diese erste Ebene bleibt stehen, während die nächste von unten darübergleitet.
Ein gemeinsamer Ausgangspunkt
Positionierung · Sprache · Perspektive
02 / GESTALTUNG
Ideen werden sichtbar.
Kadence Row und Sections gestalten den Inhalt. Der äußere Layer übernimmt die Bewegung.
03 / ERLEBNIS
Bewegung verbindet.
Ein Layer kann wiederum eine M:D Section enthalten. So lassen sich einzelne Inhalte einblenden, während die Ebene selbst Teil des Stapels bleibt.
Und dann: weiter.
Die letzte Ebene verlässt mit dem gesamten Stapel den Bildschirm. Der folgende Abschnitt gehört wieder zum normalen Seitenfluss.
Wieder im Fluss.
Der begrenzte Layer-Bereich liegt hinter dir. Dieser Abschnitt scrollt normal weiter, ohne Überlagerung und ohne zusätzlichen Leerraum.
Gestaltungs-Layer direkt lesen · Sprungziele und Tastaturfokus bleiben erreichbar. Das Layering läuft anschließend beim Scrollen weiter.