Design System · Plattformunabhängig
Einheitliches Design.
Überall.
Eine umfangreiche Bibliothek aus CSS-Komponenten, interaktiven Modulen und Icons. Die Grundlage für alle Websites und Oberflächen von Dynamic Visual. Ein Design-System nach W3C-Standard, ohne Abhängigkeit von Frameworks oder Drittanbietern.
01
Nutzen
Ein System.
Alle Projekte.
DV-Nova sorgt dafür, dass jede Website, jede Oberfläche und jeder Baustein von Dynamic Visual gleich aussieht und gleich funktioniert. Auf Desktop, Tablet und Smartphone. Keine manuellen Anpassungen, keine Design-Brüche zwischen Projekten.
Einheitliches Erscheinungsbild
Ein Satz Design-Tokens steuert Farben, Abstände, Schriften und Größen über alle Projekte hinweg. Änderungen an einer Stelle wirken überall. Konsistent und sofort.
Keine Abhängigkeiten
Kein Framework-Zwang: funktioniert mit jedem Framework oder ganz ohne. Keine Bindung an ein bestimmtes Ökosystem. Ihre Designs gehören Ihnen.
Schnellere Umsetzung
Eine umfangreiche Bibliothek fertiger Bausteine für Design und Interaktion. Neue Seiten und Oberflächen entstehen aus vorhandenen Komponenten. Statt jedes Mal bei Null anzufangen.
DV-Nova baut auf offenen Standards statt auf einem fremden Framework-Ökosystem — kombinierbar mit jeder Technik, ohne Lock-in.
Offene Standards, kein Lock-in.
Plattformunabhängig, automatischer Dunkelmodus und an WCAG 2.1 AA orientiert — frei kombinierbar.
02
Pakete
5 Pakete.
Einzeln oder zusammen.
DV-Nova besteht aus fünf Paketen, die unabhängig voneinander oder zusammen eingesetzt werden können. Jedes Paket hat eine klare Aufgabe und ist für sich allein funktionsfähig.
Grundlage
Design-Tokens
Farben, Abstände, Schriftgrößen und Effekte als strukturierte Werte nach W3C-Standard. Eine zentrale Quelle für das gesamte Design — Änderungen wirken überall, sofort und konsistent.
Komponenten
CSS-Komponenten & Module
Eine umfangreiche Sammlung fertiger CSS-Komponenten plus interaktive Module in einem Paket. Mehrere Ausgabeformate, passend für jedes Projekt — auch für WordPress.
React
React-Bausteine
Alle Komponenten gibt es auch als fertige React-Bausteine. Gleiches Design wie überall, ohne Framework-Zwang für den Rest Ihrer Seite.
Icons
Icon-Bibliothek
Eine umfangreiche Icon-Bibliothek in einheitlichem Stil. Schnell ladend und von Grund auf barrierefrei — für dekorative und informative Verwendung.
Animation
Animationen
Eigenständige Animations-Bibliothek: weiche Übergänge, Scroll-Effekte und Gesten. Ohne externe Abhängigkeit, einzeln einsetzbar.
03
Features
Eigene Marke.
Automatischer Dunkelmodus.
DV-Nova liefert eine fertige Basis-Palette (Grau + Indigo) inklusive automatischem Dunkelmodus, der auf die Systemeinstellung des Besuchers reagiert. Eigene Markenfarben entstehen durch das Anpassen weniger Akzentfarben — ohne separate Theme-Dateien. Ein einziger Schalter stellt das gesamte Design um.
Basis-Palette
Base
Grau + Indigo. Die mitgelieferte Palette für die meisten Websites. Keine Angabe nötig, automatischer Dunkelmodus inklusive.
Beispiel-Rezept
Copper
Warme Kupfer-/Gold-Akzente für redaktionelle Seiten. Durch wenige angepasste Akzentfarben umgesetzt. Ein Rezept, kein fertig ausgeliefertes Theme.
Beispiel-Rezept
Steel
Kühle Stahl-/Blau-Akzente für technische Projekte. Ebenfalls über wenige Akzentfarben umgesetzt. Beliebig auf eigene Markenfarben anpassbar.
Token-System
Ein zentraler Satz Design-Werte steuert Farben, Größen und Schriften. Komponenten greifen direkt darauf zu — Änderungen an einer Stelle wirken überall.
Saubere Struktur
Alle Komponenten sind klar strukturiert und konfliktfrei aufgebaut. Vorhersagbares Verhalten und einfaches Anpassen, ohne Überraschungen.
Automatisch startklar
Interaktive Komponenten sind beim Laden der Seite sofort einsatzbereit. Kein manuelles Einrichten nötig — auch bei nachgeladenen Inhalten.
Barrierefreiheit
Alle Komponenten sind an WCAG 2.1 AA orientiert. Keyboard-Navigation, ARIA-Labels und Fokus-Management sind eingebaut. Nicht nachgerüstet.
React-Unterstützung:
Alle Komponenten gibt es auch als fertige React-Bausteine. Gleiches Design wie überall, kein separater Styling-Aufwand.
04
Technik
Offene Standards.
Keine Abhängigkeit.
DV-Nova basiert auf offenen Webstandards und kommt ohne proprietäre Formate aus. Das bedeutet für Sie: keine Anbieterabhängigkeit, volle Datenhoheit und Investitionssicherheit über Jahre.
W3C
Offener Webstandard
AA
an WCAG 2.1 AA orientiert
0
Fremde Lizenzkosten
100%
Plattformunabhängig
∞
Frei kombinierbar
Dark
Automatischer Dunkelmodus
Ihr Eigentum
Designs, Code und Inhalte gehören vollständig Ihnen. Keine Lizenzbindung, keine laufenden Gebühren an Dritte, keine Anbieterabhängigkeit.
Offene Webstandards
Aufgebaut auf den offiziellen Standards des W3C. Zukunftssicher und kompatibel mit jedem modernen Browser und Framework.
Jedes Gerät
Sieht auf Smartphone, Tablet und Desktop gleich gut aus. Vom kleinen Display bis zum großen Monitor — ohne manuelle Anpassung.
Barrierefrei geprüft
An WCAG 2.1 AA orientiert: Tastatur-Bedienung und Screenreader-Unterstützung von Anfang an eingebaut, nicht nachgerüstet.
DV-Nova ist die Grundlage des DV-Theme für WordPress. Vollständige technische Dokumentation auf Anfrage verfügbar.