Illustrationsstile für die drei Richtungen
Skizzen in den Evergreen-Farben, je Richtung die Stile aus der Recherche vom 29.10.2026. Alles ist statisches SVG und CSS, die Fotos stammen von der Live-Seite. Die Skizzen ändern nichts an den Mockups, sie zeigen nur, wie der Stil dort aussehen könnte.
Klar und nüchtern
Haarlinien, Raster und Daten statt Bildern. Die Grafik sieht aus wie ein Schaubild, nicht wie eine Illustration.
Schematische Route auf Haarlinien-Raster
Eine Linienstärke, nur gerade und im 45°-Winkel, Wegpunkte als Kreise, eine verworfene Route gestrichelt. Der grüne Punkt ist der einzige gefüllte Knoten. Funktioniert hell und dunkel, also auch im Wechsel der Abschnitte.
Vorbild: Siege Media (Buchcover zu GEO), Pentagram für Satalia (Raster), transitmap.net (Winkel und Knoten)
Datenpunkt-Raster
Punkte in drei Größen auf festem Raster, darin eine getreppte Route aus dunklen Punkten. Passt zum Messen von Sichtbarkeit und wird per Skript erzeugt, nicht von Hand gezeichnet.
Passt nicht: bunte Isotype-Figuren, dichte technische Diagramme und flache Symbole wie Auge oder Rakete. Sie kippen schnell in Buzzword-Grafik.
Viel Weißraum
Feine Linien, wenige Formen, Beschriftung in Mono. Die Grafik bleibt klein und lässt dem Text den Platz.
- Gefunden
- Empfohlen
- Ausgewählt
- Route
- Abzweigung
Geometrische Linien-Symbole
Ein Strich auf festem Raster, nur Kreis, Raute und Linie. Grün ist allein der Zielpunkt. Die Haarlinie über jedem Symbol kommt aus dem Raster von bb&b.
Vorbild: Tiwis
Messdiagramm um ein Foto
Ein vorhandenes Foto in der Mitte, rundherum die KI-Systeme als Achsen und drei Ringe für gefunden, empfohlen und ausgewählt. Die Form ist ein Platzhalter.
Vorbild: Hume (Diagramm unter dem Kopf der Seite)
Körnungsverlauf mit feiner Route
Der Verlauf aus dem Mockup, darauf die Route als dünne weiße Linie. Nur im Kopf der Seite, auf jeder Fläche wird es unruhig.
Vorbild: Tiwis, Werkzeug: Paper Shaders
Passt nicht: Zeichen-Textur wie bei Subduxion, das ist deren Erkennungszeichen. Körnung auf jeder Fläche.
Kräftig und seriös
Eine große grafische Geste pro Kachel. Die Route wird breit, dicht oder konstruiert.
Breites Routenband
Die Route als Band mit runden Kurven, Haltepunkte als helle Kreise, der grüne Punkt fährt vorneweg.
Vorbild: Transport for Wales (Uned Studio, Generator von Algo)
Linienbündel mit Akzentpunkt
Sieben parallele Linien mit eckigen Knicken und ein großer grüner Punkt darauf. Eckig statt gewellt, damit es nicht nach Höhenlinien aussieht. Die Linien bei „Warum“ im Mockup gehen schon in diese Richtung.
Vorbild: Moby Digg für RGE Consulting
Konstruktionszeichnung
Quadrat und Kreis für Rahmen und Diagnose, Hilfslinien gestrichelt, Ankerpunkte als kleine Quadrate, die Route durchgezogen bis zum Ziel. Für Erklärgrafiken zum Vorgehen.
Vorbild: Awake
Duoton mit Punktraster
Ein vorhandenes Foto in Deep Forest und EGM Green, darüber ein feines Punktraster. Hier im Browser angenähert, für die Website würde man die Bilder einmal fertig rechnen.
Vorbild: OCI, Chá de Bold für Entrelinhas
Passt nicht: Höhenlinien, weil sie an Berge erinnern, isometrische Grafiken aus Stockbibliotheken und verspielte Illustrationen wie bei Fahrenheit.
Quer zu allen Richtungen: nach Anthropic
Die Leitplanke vom 28.10. heißt „zurückhaltend im Stil von Anthropic“. So sieht der Stil heute auf anthropic.com aus, übertragen auf die Evergreen-Farben. Darunter eine Alternative, die in eine ähnliche Richtung geht.
Collage-Kacheln
Quadratische Kacheln mit je einem Motiv: Raster mit Punkt, gestochene Linienzeichnung, Halbton-Foto, Muster, handgezogene Linie auf Farbfläche. Papier- und Drucktextur, gedämpfte Flächen aus Moss, Dusty und Butter, der grüne Punkt ist der einzige leuchtende Ton. Locker gesetzt mit viel Weißraum. Passt am besten zum Kachel-Mosaik von Richtung 3, klein auch zu Richtung 2.
Vorbild: Anthropic (Startseite und Newsroom, angesehen am 29.10.2026)
Alternative: Motive aus Punkten
Jedes Bild besteht aus Punkten auf einem festen Raster, die Punktgröße ergibt hell und dunkel. Darunter liegt eine flache Farbfläche, die Punkte sind immer Deep Forest, das Ziel ist grün. Fotos, Routen und Symbole laufen durch dasselbe kleine Skript, so bleibt alles einheitlich, auch wenn das Team die Bilder selbst erzeugt. Ähnlich ruhig und drucknah wie Anthropic, aber ohne Collage und ohne Fundstücke.
Vorbild: NEW STANDARD.S für Brandmelder (Berlin, Bilder per p5.js-Werkzeug in ein Punktraster übersetzt)
Vorsicht: Die Collage braucht mehr Bild als die anderen Stile und lebt von Textur und Motivwahl. Ohne feste Regeln wird er schnell beliebig: ein Motiv je Kachel, drei Flächenfarben, ein grüner Punkt. Fotos von Gegenständen, wie Anthropic sie nutzt, haben wir noch nicht.