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
Dokument OK
Suche
Geprüft
Fehler
Idee
Haken
Automatisierung
Zitat
Kontakt
Zeit
Aufgaben
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.
Outline blau · ein Akzent orange · runde Enden
03
Größen & Abstand
24
40
64
| Inline / UI | 20–24 px |
| Feature / Karte | 40–48 px |
| Hero / Sektion | 64–96 px |
| Schutzraum | min. 25 % der Icon-Höhe |
04
Do & Don't
Auf Weiß, ein oranger Akzent
Nicht auf farbige / unruhige Flächen
Farbschema nicht verändern
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).