Unser Design System
für WordPress & WooCommerce
Mit unserem FSE-Starter-Theme, der passenden Figma-Library und durchdachter Design-Systematik haben wir die optimale Grundlage geschaffen um neue Projekte auf WordPress-Basis zu starten.
Design
Ein durchdachtes Design System für WordPress
Tokens & Styles
Globale Styles wie Farben, Schriften oder Abstände sind optimal vorbereitet und können zentral angepasst werden. Über vorbereitete Styled Sections können Stile konsistent angewendet werden.
170+ Pattern
Wir haben mehr als 170 Pattern integriert, damit Projekte ruck-zuck konzeptionell aufgebaut sind.
Responsive 2.0
Alle Pattern sind in sich responsive (Container Queries), damit sie fehlerfrei verschachtelt und in der Breite angepasst werden können. Der Breakpoint der Header-Pattern kann über die theme.json angepasst werden.
Figma-Library
Alle Design Tokens und Patterns stehen als Figma-Library zur Verfügung. Projekte können in Figma, in WordPress oder parallel gestartet werden.
Fluid Type Scaling
Schriften verändern sich abhängig von der Viewport-Breite für beste Lesbarkeit auf allen Displaygrößen.
Optimierte Klickflächen
Klickflächen wurden über den WordPress-Standard hinaus optimiert. Für beste User Experience!
Code
Kein Framework. Ein perfekt anpassbarer Startpunkt.
WordPress FSE
Gebaut für die neueste WordPress-Version. Wir setzen voll auf Full Site Editing-Features (Block Theme) und den Site-Editor von WordPress.
Barrierefrei
Alle Pattern, Templates und Stile sind barrierefrei nach aktueller WCAG.
Schnell
Alle Templates des Starter-Themes erreichen erstklassige Lighthouse-Performance auf einem durchschnittlichen Server.
Nah am Core
Keine eigenen Blöcke, keine Frameworks, keine Abhängigkeiten. Alles funktioniert wie von WordPress gedacht.
Wenig Custom CSS
Wir haben nur dann eigenes CSS verwendet, wenn WordPress die Möglichkeiten über JSON nicht bietet.
Wenig Custom JS
Alle eigenen Scripte sind in Vanilla JS geschrieben. Die Slider-Pattern nutzen SwiperJS als Bibliothek.
Child-Theme inkl.
Wir haben ein Child-Theme vorbereitet, damit projektspezifische Anpassungen noch schneller und kompatibler umgesetzt sind.
Inkl. Übersetzung
Strings im Code sind auf EN. Für Deutsch liegen Übersetzungen als PO-Datei bereit, die unkompliziert angepasst, ergänzt und auf weitere Sprachen ausgerollt werden können.
WooCommerce kompatibel
Startklar für Shops: Alle WooCommerce-Templates für PDP, Warenkorb oder Kasse sind vorbereitet und spezifische Header für den Shop sind auch mit dabei.