07 · Identität

Ikonografie

Zweifarbige Outline-Icons: blaue Linien, ein orangefarbener Akzent. Freundlich, klar, systematisch — die visuelle Entsprechung der Marke.

01

Bibliothek

Eine wachsende Sammlung im einheitlichen Stil. Jedes Icon nutzt blaue Outlines mit genau einem orangefarbenen Fokuspunkt.

Upload
Upload
Dokument OK
Dokument OK
Suche
Suche
Geprüft
Geprüft
Fehler
Fehler
Idee
Idee
Haken
Haken
Automatisierung
Automatisierung
Zitat
Zitat
Kontakt
Kontakt
Zeit
Zeit
Aufgaben
Aufgaben
Hinzufügen
Hinzufügen
02

Konstruktionsprinzipien

1
Zweifarbig

Blaue Outline (#1E4975) plus genau ein oranger Akzent (#FF940A) — nie mehr als ein Orange-Element pro Icon.

2
Gleichmäßige Strichstärke

Konsistente Linienbreite über alle Icons, optisch ausgeglichen.

3
Runde Enden & Ecken

Abgerundete Line-Caps und -Joins — passend zur weichen Formensprache.

4
Offen & luftig

Klare Binnenflächen, kein Füllrauschen. Auf Weiß am stärksten.

Beispiel

Outline blau · ein Akzent orange · runde Enden

03

Größen & Abstand

24

24

40

40

64

64

Inline / UI20–24 px
Feature / Karte40–48 px
Hero / Sektion64–96 px
Schutzraummin. 25 % der Icon-Höhe
04

Do & Don't

korrekt
Auf Weiß, ein oranger Akzent
falsch
Nicht auf farbige / unruhige Flächen
umgefärbt
Farbschema nicht verändern
verzerrt
Proportionen nicht verzerren
Empfehlung: SVG-Set
Aktuell liegen die Icons als PNG vor. Für scharfe Skalierung in Web & Office und einfaches Theming empfiehlt sich ein SVG-Set im selben Stil (zwei Variablen: Linie = Blau, Akzent = Orange).