Unsere Illustrationen verleihen der Website Tiefe und unterstützen die Vermittlung komplexer Inhalte durch visuell ansprechende Darstellungen. Diese Guidelines zeigen, wie unsere detailreichen Illustrationen gestaltet und eingesetzt werden, um Konsistenz, visuelle Klarheit und ein ansprechendes Nutzererlebnis sicherzustellen. Anhand der Beispiele wird verdeutlicht, wie Illustrationen unsere Inhalte gezielt verstärken und das Design harmonisch ergänzen.
Guidelines Standard Illustrationen
- Zeichenfläche: Breite von 1000 px ODER Höhe von 1000 px, je nach Orientierung
- Standard Strichstärke von 4 pt
- Illustrationen gehen bis zum Rand
- Export: “Zeichenfläche verwenden”, Auflösung 72 pt, Hintergrund Transparent
- PNG-Format
Standard Illustrationen
Illustration Typ 1
- Standard: Schwarze Konturen, grüne Flächen
- ggf. auch hellgraue und schwarze Flächen
- Farben Standard: #000000 (Kontur), #ACD380 (Fläche)
- Verwendung: Illustrationen für Benefits, Vorstellung und Funktionen von Produkten etc.
Illustration Typ 2
- Nur Konturen, keine Flächen
- Farben Kontur: #000000, #ACD380
- Verwendung: Illustrationen für Benefits, Vorstellung und Funktionen von Produkten etc. (z.B. für Sicherheit)
Illustration Green-IT
- Nur Konturen, keine Flächen
- Blätter im Vordergrund
- Farben Kontur #000000, #ACD380
- Verwendung: Illustrationen speziell für Green-IT bzw. Umweltbereich
Guidelines Header
- Zeichenfläche: Höhe von 1000 px, Breite variabel
- Standard Strichstärke von 4 pt
- Illustrationen gehen bis zum Rand
- Export: “Zeichenfläche verwenden”, Auflösung 72 pt, Hintergrund Transparent
- PNG-Format
Header Typ 1
- Standard: Schwarze Konturen, grüne Flächen
- ggf. auch hellgraue und schwarze Flächen
- Farben Standard: #000000 (Kontur), #ACD380 (Fläche)
- Verwendung: Header für Produkte
Header Typ 2 (invertiert)
- Standard: Weiße Konturen, grüne Flächen
- ggf. auch hellgraue und schwarze Flächen
- Farben Standard: #FFFFFF (Kontur), #ACD380 (Fläche)
- Verwendung: Header für Produkte
