Icons

Unsere Icons sorgen für eine klare, intuitive Nutzerführung und prägen das moderne Erscheinungsbild unserer Website sie schaffen Orientierung. Sie sprechen eine klare Designsprache und machen Inhalte greifbar. Die entsprechenden Guidelines zeigen, wie unsere Icons gestaltet und eingesetzt werden für Konsistenz und Benutzerfreundlichkeit. Hier sind einige Beispiele, die unsere Designprinzipien veranschaulichen.

Guidelines

  • - Zeichenfläche: Höhe von 300 px, Breite variabel
  • - Icon: Höhe von 290 px, Breite variabel
  • - Standard Strichstärke von 3 pt
  • - Abstand von 5 px zwischen Icon und Zeichenfläche zu allen Seiten
  • - Export: "Zeichenfläche verwenden", Auflösung 72 pt, Hintergrund Transparent
  • - Nach Export "Zeichenfläche" aus dem Namen löschen
  • - PNG-Format

Standard Icons

icon_datev
icon_whiteboard
icon-nav-crmintegration
icon_teams_headset-lila
icon_hantel

Icon Typ 1

- Nur Konturen, keine Flächen

- Farben Kontur: #000000, #ACD380

- Verwendung: Icons für kleinere Infografiken (z.B. Sicherheit Made in Germany)

Icon Typ 2

- Schwarze Konturen, grüne Flächen

- Farben: #000000 (Kontur), #ACD380 (Fläche)

- Verwendung: Icons für Benefits, Funktionen von Produkten etc.

 

Icon Typ 3

- Nur Konturen, keine Fläche

- Farbe Kontur: #75B726

- Verwendung: Icons für Navigation

 

 

Icon Typ 4

- Nur Konturen, keine Flächen

- Farbe Kontur: #7B83EB

- Verwendung: Icons für Microsoft Teams Integration

Icon Typ 4

- Nur Konturen. keine Flächen

- Farbe: #000000

- Verwendung: Funktionen auf Produktdatenblättern

Invertierte Icons

icon-briefkasten-inv

Icon Typ 1

- Nur Konturen, keine Flächen

- Farben: #FFFFFF, #ACD380

- Verwendung: Icons auf schwarzem Hintergrund

icon_eheringe_white-1

Icon Typ 2

- Nur Konturen, keine Flächen

- Farben: #FFFFFF

- Verwendung: Icons für "Mehr Informationen" (Footer)

icon_youtube

Icon Typ 3

- Weiße Konturen und/oder weiße Flächen

- Farben: #FFFFFF

- Verwendung: Verlinkung Social Media Kanäle