26. März 2026
Organische Farbübergänge richtig umsetzen
Wie man mehrstufige Mesh-Gradients mit CSS und Canvas kombiniert, um natürlich wirkende Farbübergänge zu schaffen — ohne Performance zu opfern.
Marcus Lehmann
Senior Design Systems Architect
Fluidum Design GmbH
Spezialist für organische Farbverlauf-Mesh-Systeme und animierte Fluid-Hintergründe
14
Jahre Erfahrung im Design
150+
Kommerzielle Projekte umgesetzt
8
Jahre bei Fluidum Design
50+
Fachbeiträge und Workshops
Kernkompetenzen
Tiefe Expertise in modernen Designsystemen und innovativen Webinterfaces
Beruflicher Werdegang
Die Anfänge: 2010–2014
Marcus Lehmann begann 2010 als Junior UI-Designer in Frankfurt am Main. Schon damals war klar: Es ging ihm nicht nur um schöne Pixel auf dem Bildschirm. Er wollte verstehen, wie Design wirklich funktioniert — und wie man es technisch umsetzt. Die ersten Jahre verbrachte er damit, klassische Designprinzipien zu lernen und gleichzeitig tief in HTML und CSS einzutauchen. Das war die perfekte Kombination für das, was später sein Spezialgebiet werden sollte.
Spezialisierung: 2014–2018
Während seiner Zeit bei verschiedenen Designagenturen in München und Berlin entdeckte Marcus die Möglichkeiten von modernen CSS-Techniken. Er perfektionierte die Kunst der mehrstufigen Farbverlauf-Blends und experimentierte mit Canvas-basierten Animationen für flüssige Hintergrundeffekte. Das war nicht einfach — es war damals noch eine Nische. Aber er sah das Potenzial: organische, animierte Hintergründe, die trotzdem barrierefreit und performant waren. Das sollte sein Fokus werden.
Fluidum Design GmbH: 2018–heute
2018 wechselte Marcus zu Fluidum Design GmbH, wo er seither das Design Systems Team leitet. Hier schuf er die konzeptionelle Grundlage für adaptive Mesh-Gradient-Systeme, die heute in über 150 kommerziellen Projekten eingesetzt werden — für Clients wie führende Tech-Unternehmen, deren Plattformen Millionen von Nutzern erreichen. Seine größte Erfüllung findet er darin, komplexe visuelle Systeme so zu gestalten, dass sie ästhetisch beeindruckend, technisch robust und wirklich barrierefrei sind.
Vermittlung von Wissen
Marcus hält regelmäßig Workshops auf internationalen Designkonferenzen und ist Autor mehrerer Fachbeiträge zum Thema organische Farbübergänge und Textkontrast-Optimierung auf dynamischen Hintergründen. Für ihn ist es genauso wichtig, anderen zu zeigen, wie man das macht, wie die Arbeit selbst. Er hat mehrere Best Practices etabliert, die heute in der Branche Standard sind — besonders im Bereich der barrierefreien Gradient-Oberflächengestaltung.
Ausbildung & Zertifikationen
Diplom Visuelle Kommunikation
Hochschule für Gestaltung Offenbach
2006–2010
Advanced CSS & Animation
Frontend Masters, USA
2016
Web Accessibility Specialist
International Association of Accessibility Professionals
2019
Design Systems Leadership
Interaction Design Foundation
2021
Aktuelle Artikel
Einblicke in moderne Gradient-Designtechniken und Best Practices
22. März 2026
Textkontrast auf komplexen Gradienten
Barrierefreie Texte über animierte Gradient-Hintergründe: Best Practices für Lesbarkeit, Kontrast und Accessibility im modernen Webdesign.
18. März 2026
CSS Mesh Gradients animieren
Schritt-für-Schritt-Anleitung: Wie man CSS-Mesh-Gradients mit subtilen Animationen zum Leben erweckt und dabei flüssige, organische Bewegungen erzeugt.
Mehr über moderne Gradient-Designsysteme erfahren
Erkunde unsere umfassende Kollektion von Fachartikeln, Best Practices und Fallstudien zum Thema organische Farbübergänge, animierte Hintergründe und minimalistische Oberflächengestaltung.