Skip to main navigation Skip to main content Skip to page footer

Ein Ökosystem, ein Look: Der visuelle Relaunch von TYPO3 ist abgeschlossen

Der visuelle Relaunch von TYPO3 ist abgeschlossen. Alle 12 Webauftritte – einschließlich der Symfony-Anwendungen, extensions.typo3.org und docs.typo3.org – folgen nun einer einheitlichen Designsprache.

Als wir im November 2025 typo3.com, typo3.org, typo3.community und news.typo3.com neu gestaltet haben, gaben wir dem TYPO3-Universum eine neue visuelle Richtung. Damals war die Arbeit jedoch noch nicht abgeschlossen. Acht weitere Plattformen nutzten weiterhin ihr eigenes Erscheinungsbild – funktional, aber visuell vom Rest getrennt. Mit diesem Update schließen wir diese Lücke.

 

Ein Designsystem für zwölf Plattformen

Während des großen Relaunchs wurde deutlich, wie viel Reibung entsteht, wenn man zwischen TYPO3-Diensten wechselt, die sich wie unterschiedliche Websites anfühlen. Entwicklerinnen und Entwickler, die von der Dokumentation zum Extension Repository, zu Forger oder zu ihrer Zertifizierungsprüfung wechseln, sollten nicht das Gefühl haben, die TYPO3-Welt zu verlassen. Mit diesem Update ist genau das nicht mehr der Fall.

Die einheitliche Designsprache umfasst nun das gesamte TYPO3-Web-Ökosystem: intercept.typo3.com, reimbursement.typo3.com, elts.typo3.com, extensions.typo3.org, forger.typo3.com, my.typo3.org, exam.typo3.com und docs.typo3.org.

Die letzte Phase des Relaunchs

Keine der Plattformen stellte eine besondere Herausforderung dar. Die eigentliche Aufgabe bestand in der über Jahre gewachsenen Vielfalt von Stilen, Templates und UI-Mustern, die sich unabhängig voneinander entwickelt hatten. Allein die Dashboard-Oberfläche existierte in vier verschiedenen Versionen innerhalb der Symfony-Anwendungen. Diese Unterschiede zu harmonisieren, erforderte rund drei Wochen konzentrierter Arbeit.

Auch extensions.typo3.org erforderte einen sorgfältigen Ansatz: Die visuelle Gestaltung musste angepasst werden, ohne eine Plattform zu beeinträchtigen, die das gesamte TYPO3-Extension-Ökosystem verwaltet und tief in die Suche in Solr integriert ist.

docs.typo3.org: Eine andere Art von Herausforderung

Von allen zwölf Plattformen war docs.typo3.org die ungewöhnlichste. Die Plattform läuft nicht auf einem klassischen CMS oder einem Anwendungs-Backend. Stattdessen rendert sie die Dokumentation des TYPO3 Core sowie Tausender Erweiterungen automatisch aus Quellcode-Repositories. Visuelle Anpassungen mussten daher möglichst minimal und ohne Störungen direkt innerhalb der Rendering-Pipeline umgesetzt werden.

Danke

Diese Arbeit entstand in enger Zusammenarbeit mit den Teams der TYPO3 GmbH, der TYPO3 Association und der TYPO3-Community – darunter das Server Team, das Documentation Team sowie alle Beteiligten, die diese Plattformen täglich betreuen und weiterentwickeln.

Damit ist die visuelle Grundlage nun im gesamten TYPO3-Ökosystem etabliert. Künftige Verbesserungen können auf einer gemeinsamen Designsprache aufbauen – und zum ersten Mal wird diese Designsprache tatsächlich überall genutzt.

Die Änderungen, Herausforderungen und Erkenntnisse werden wir in einer eigenen Session auf der T3DD in Karlsruhe in diesem Jahr vorstellen. Bleiben Sie gespannt – und falls Ihnen etwas auffällt oder Sie Feedback haben, freuen wir uns über eine Nachricht im TYPO3 Slack.

Diesen Beitrag teilen

Der offizielle Newsletter - jetzt abonnieren und kein Update mehr verpassen.

Abonnieren