Layout- & Rasterlogik
Das Layout folgt der Bildhaltung: Nähe, Direktheit, kein Overdesign.
Desktop (1440px): 12 Spalten, 24px Gutter, 80px Außenabstand
Mobile (375px): 4 Spalten, 16px Gutter, 20px Außenabstand
Bildpriorität – Bilder bekommen Raum
Weißraum als Gestaltungselement – Min. 80px zwischen Sektionen
Asymmetrie erlaubt – Linksbündig Standard, zentriert nur für Hero-Headlines
Keine dekorativen Elemente – Keine Linien, Hintergrundformen, funktionslose Schatten
Harte Ecken: Eine Form ist eckig oder hat gar keine Ecken. Flächen, Kacheln, Karten, Badges, Hinweisboxen, Bildrahmen und Buttons sind eckig, in jedem Medium. Erlaubt sind natürliche Formen ohne Ecken, also Kreis und Pille: der CTA-Button im Web als Pille, die Status-Pille, der Ball, ein runder Bildausschnitt oder ein runder Sticker. Ausgeschlossen ist nur das Dazwischen, ein Rechteck mit abgerundeten Ecken. Ausnahme sind Sprechblasen in nachgestellten Chat- und Messenger-Oberflächen, etwa in Chat-Ads: Sie sind rund wie in echten Messengern, die Ecke auf der Seite der schreibenden Person ist spitzer. Das gilt nur für die Sprechblasen selbst, nicht für Karten, Kacheln oder Buttons im selben Motiv. Eine Karte, Karteikarte oder Kachel mit weichen Ecken ist ein Rechteck und wird eckig gesetzt. Das gilt auch für zugelieferte Folien und Vorlagen: Die PowerPoint-Form „Rechteck: abgerundete Ecken“ wird auf ein eckiges Rechteck umgestellt. Screenshots des echten Shops in Mockups zeigen die Oberfläche, wie sie ist. Abgerundete Kacheln oder Karten im Live-Shop sind aber kein Vorbild für neue Gestaltung.