Dark Mode, Glass und Gradients: Was die Webdesign-Trends für Betriebe taugen.

Dunkle Oberflächen, Glaseffekte und weiche Farbverläufe sieht man derzeit überall, vor allem bei Software-Firmen und Start-ups. Da liegt die Frage nahe, ob die Website eines Handwerksbetriebs das auch braucht.

Meine kurze Antwort: selten als Grundlook, manchmal als Detail. Die längere steht unten.

1. Dark Mode

Dunkle Oberflächen sind angenehm bei wenig Licht und lassen Fotos und Farbakzente stärker wirken. Auf OLED-Bildschirmen sparen sie etwas Strom. Dass Google dunkle Seiten besser bewertet, liest man gelegentlich. Belegt ist das nicht.

Als Grunddesign für eine Handwerker- oder Dienstleisterseite passt Dark Mode meist schlecht. Viele Besucher lesen tagsüber auf dem Handy, oft draußen. Längere Texte wie Leistungsbeschreibungen oder Ratgeber lesen sich auf hellem Grund leichter.

Sinnvoller ist es, die Einstellung des Geräts zu übernehmen. Wer am Handy den dunklen Modus gewählt hat, bekommt eine dunkle Variante, alle anderen die helle. Das geht mit CSS über prefers-color-scheme, ganz ohne Skript.

Wenn dunkel, dann sorgfältig. Reines Schwarz als Hintergrund und reines Weiß als Schrift flimmern, ein dunkles Grau und ein leicht gedämpftes Weiß lesen sich ruhiger. Außerdem muss jede Farbe neu auf Kontrast geprüft werden. Ein Rot, das auf Weiß gut lesbar ist, kann auf Dunkelgrau verschwimmen.

2. Glassmorphism

Gemeint sind halbtransparente Flächen mit Unschärfe dahinter, wie Milchglas. Apple setzt den Effekt in seinen Betriebssystemen ein, entsprechend oft wird er nachgebaut.

Das Problem ist der Text auf dem Glas. Sein Kontrast hängt davon ab, was dahinter liegt, und das ändert sich beim Scrollen. Über einem Foto mit hellen und dunklen Stellen ist derselbe Text mal lesbar und mal nicht.

Dazu kommt die Rechenleistung. Der Unschärfe-Filter (backdrop-filter) wird bei jeder Bewegung neu berechnet. Auf älteren Android-Handys ruckelt das spürbar.

Wo ich den Effekt einsetze, dann klein, etwa für eine Navigationsleiste, die beim Scrollen über dem Inhalt liegt. Für Textblöcke oder Preise nie.

3. Weiche Farbverläufe

Farbverläufe sind technisch unkritisch. Der Browser zeichnet sie selbst, es muss kein Bild geladen werden.

Ihr Risiko liegt woanders: Sie sehen schnell austauschbar aus. Der lila-blaue Verlauf im Hintergrund ist so verbreitet, dass er eher nach Vorlage wirkt als nach einem bestimmten Betrieb. Eine Schreinerei oder ein Reinigungsbetrieb wird über eigene Fotos erkennbar, kaum über einen Farbverlauf.

Woran ich entscheide, ob ein Effekt auf die Seite kommt

• Bleibt jeder Text vor jedem Hintergrund lesbar?
• Läuft die Seite auf einem älteren Handy im Mobilfunknetz noch flüssig?
• Unterstützt der Effekt das, was der Betrieb zeigen will?

Lautet eine Antwort nein, lasse ich den Effekt weg. Bei Software oder Marken, die bewusst technisch auftreten, kann die Rechnung anders ausfallen. Für die meisten Betriebe in der Region bleibt eine helle, gut lesbare Seite mit eigenen Fotos die bessere Wahl.

Veröffentlicht am 28. November 2025 von Enver Eser, zuletzt aktualisiert am 7. Oktober 2026. Themenfeld: Technik & Werkzeuge.