Layoutsystem

Dieses System verleiht unserer visuellen Erzählung Struktur und gewährleistet ein professionelles und einheitliches Erscheinungsbild auf allen Plattformen. Sie ist die Architektur unserer visuellen Sprache, die unsere ingenieurtechnische Exzellenz in jeden Markenkontaktpunkt übersetzt und uns zu präzisem Design führt.

Grundlegende Unterteilung

Die Grundlage unseres Layout-Systems wird durch diese Basisaufteilungen definiert.
Dies ist das Rückgrat unserer visuellen Konsistenz.
Wir stellen unsere Layouts ausschließlich aus ganzen Bereichen, Hälften oder Dritteln zusammen. Jedes Element muss mit diesen proportionalen Strukturen übereinstimmen.

Volle Fläche

Fläche geteilt durch 2.

Fläche geteilt durch 3

Inhaltsanordnungen

Inhalte können auf verschiedene Arten innerhalb dieser grundlegenden Layout-Aufteilungen angeordnet werden.

Uplifting Line

Die Uplifting Line als zentrales Designelement passt perfekt in die Grundunterteilungen.

Fertiggestelltes Design

Sie können eine Vielzahl von Layoutoptionen erstellen, die durchgängig klar und strukturiert sind.

Einheiten

Messung
Die Einheit ist ein definiertes Maß innerhalb des Designsystems und dient als Grundlage für Sicherheitsbereiche, Abstände und die Größenbestimmung von Logos. Sie sorgt für Konsistenz und visuelle Balance in allen Layouts.

Zur Strukturierung von Layouts kann die Einheit anhand des Formats berechnet werden – indem die kurze Seite des Layouts durch ein variables Verhältnis von 15 zu 25 oder 5 zu 15 geteilt wird, abhängig von Format, Layout und beabsichtigter visueller Wirkung.

Sicherer Bereich 
Der sichere Bereich wird durch die technischen Anforderungen des Mediums bestimmt und sollte mindestens 1 Einheit betragen. Bei Bedarf kann es um halbe oder ganze Einheiten erweitert werden. Der Rand definiert den Gestaltungsbereich, in dem die Inhalte mit einem Abstand von mindestens einer Einheit platziert werden.

Spaltenabstand 
Bei der Erstellung mehrspaltiger Layouts basiert der Spaltenabstand ebenfalls auf der Einheit. Der Standard-Spaltenabstand beträgt ½ Einheit, kann aber für ein visuelles Gleichgewicht nach Bedarf angepasst werden.

Variables Verhältnis von 15–25

Allgemeine Anwendungen wie Druck (z. B. DIN A-Formate, Schreibwaren, Zeitschriften, ...) und digitale Formate wie Präsentationen, soziale Medien.

Layout-Systembeispiele mit einheitenbasierten Rastern für Visitenkarten, Roll-up-Banner und Social-Media-Formate im 9:16-Format mit PALFINGER-Logoplatzierung und gestrichelten Sicherheitsbereichen.

Variables Verhältnis von 5 - 15

Kleinere Anwendungen und extreme Formate (z. B. Visitenkarten, Hängeetiketten, Pylonen, Werbetafeln, Online-Banner ...).

Layoutsystembeispiele für quadratische Social-Media-, DIN-A4-Druck- und 16:9-Präsentationsformate unter Verwendung von Einheitsverhältnissen und definierten Sicherheitszonen.

MEDIENTYPEN	FORMATNAME	FORMATGRÖSSE	KURZE SEITE TEILEN	EINHEITSGRÖSSE / LOGOHÖHE
Druck	A3	210 x 297 mm	/25	12 mm
	A4	210 x 297 mm	/25	8,4 mm
	A5	148 x 210 mm	/20	7,4 mm
	A6	105 x 148 mm	/20	5 mm
Soziale Medien	4:5 / 1:1 / 9:16	1080 x 1350 / 1080 x 1080 / 1080 x 1920 px	/15	72 px
Präsentation	Bildschirm 16:19	1920 x 1080 px	/20	54 px
Online-Banner	Skyscraper	120 x 600 px	/3,5	34 px
	Rangliste	728 x 90 px	/2	45 px
Motion Branding	4:5 / 1:1 / 9:16 / 16:9	1080 x 1350 / 1080 x 1080 / 1080 x 1920 / 1920 x 1080 px	/8	135 px

Schritt für Schritt

Einheitsgröße definieren

1. Im ersten Schritt definieren Sie die Einheitengröße. Hierfür teilen Sie die kurze Seite Ihres Formats durch die empfohlene Zahl, im folgenden Beispiel für DIN A4 ist es 25: 210 mm/25 = 8,4 mm (Einheitsgröße). Die Einheit definiert Ihren (minimalen) Sicherheitsbereich innerhalb des Layouts sowie die Logogröße.