Einleitung
Ein konsistentes Layoutsystem ist das Fundament einer starken Marke.
Bei MAREDO soll das Raster nicht einengen, sondern Führung und Orientierung bieten – wie ein unsichtbares Grillrost, auf dem alle Elemente ihren Platz finden. Es sorgt für Rhythmus, Wiedererkennbarkeit und visuelle Ruhe, ganz gleich, ob auf großformatigen Kampagnenmotiven oder kleinen Social Posts.
Das Layoutsystem basiert auf modularen Flächen, klaren Spalten und flexiblen Rastern, die an die jeweiligen Medienformate angepasst werden können. So bleibt die Gestaltung konsistent und dennoch dynamisch.
„Struktur schafft Freiheit, nicht Einschränkung.“
Gestaltungsraster
Das Gestaltungsraster dient als unsichtbares Gerüst, das alle Elemente zueinander in Beziehung setzt. Es definiert Spalten, Margins und Abstände, sorgt für visuelle Kohärenz und gibt jeder Fläche ihre logische Struktur.
Prinzipien:
- Grundraster: 4- oder 8-Pixel-System (digital) / 4-mm-System (print)
- Spaltenstruktur: flexibel, meist 12-spaltig (digital) bzw. 6-spaltig (print)
- Ausrichtung: linksbündig, klare optische Achsen
- Abstände: konsistent gemäß Typografie-Grundlinien und Elementraster
Whitespace
Weißraum ist ein aktives Gestaltungselement, kein ungenutzter Platz. Er gibt den Inhalten Raum zum Wirken, erhöht die Lesbarkeit und unterstützt die emotionale Wirkung der Marke.
Großzügige Freiflächen sind Teil der MAREDO-DNA. Sie schaffen Premium-Anmutung und unterstreichen den ehrlichen, offenen Charakter der Marke.
Regeln für Weißraum:
- Großzügig zwischen Text, Bildern und CTAs einsetzen
- Niemals vollständig mit Elementen „füllen“
- Weißraum in Proportion zum Format, mehr Raum bei größeren Flächen
- In Print: mindestens 10 mm Rand außen
- In Digital: großzügige Padding-Zonen um Hauptinhalte
Modularität
Das Layoutsystem ist modular aufgebaut, um flexibel auf verschiedene Medien, Themen und Formate reagieren zu können.
Einheitliche Module ermöglichen schnelle Adaption, etwa für Social Ads, Plakate, Menükarten oder Website-Komponenten.
Typische Module:
- Hero-Modul (Bild + Headline + CTA)
- Content-Module (Text + Bild)
- Split-Layout (50/50 für Editorials oder Menüstrukturen)
- Zitat-/Statement-Modul (für Claims und Botschaften)
Templates
Templates definieren die wiederkehrenden Gestaltungsprinzipien der Marke. Sie sind die Basis für eine einheitliche Umsetzung über verschiedene Teams und Kanäle hinweg.
Sie enthalten vordefinierte Raster, Typo-Stile, Farbflächen und Abstände, die als Rahmen für Gestaltung dienen.
Beispiele:
- Social Media Templates (Story, Feed, Banner)
- Printvorlagen (Flyer, Plakat, Menü)
- Digitale Komponenten (Hero, Card, Section)
Do's & Don'ts
Do’s:
- Raster konsequent anwenden
- Großzügigen Weißraum nutzen
- Elemente optisch ausbalancieren
- Wiederkehrende Module beibehalten
Don’ts:
- Raster brechen oder ungleichmäßig anwenden
- Weißraum überladen oder ignorieren
- zu viele Layoutvarianten gleichzeitig verwenden
Ziel
Das Ziel ist ein Layoutprinzip, das Markenklarheit und gestalterische Freiheit vereint.
Es schafft Orientierung für Designer:innen und Agenturen und stellt sicher, dass MAREDO über alle Kanäle hinweg visuell zusammenhält, egal ob Print, Digital oder Motion.