Nova ist eine Single-File-HTML-Landingpage, die für moderne AI-Agent- und Developer-Tool-SaaS-Unternehmen entwickelt wurde. Laden Sie sie auf einen beliebigen Host, tauschen Sie Ihre Marke aus, und Sie haben eine produktionsreife Marketing-Website ohne Build-Schritt.
Was ist enthalten
11 Abschnitte: klebrige Navigation, animierter Gradient-Hero mit Live-Chat-Mockup, Partner-Logo-Cloud, 6er-Karten-Feature-Grid, dreistufiger Workflow, Registerkarten-Use-Cases (5 Szenarien mit Code-Style-Panels), dreistufige Preisgestaltung mit Monats-/Jahres-Toggle, automatisch scrollende Testimonials, Akkordeon-FAQ, CTA-Banner, vollständiger Footer
Dunkles + helles Design mit One-Click-Toggle, das sich über localStorage über Sitzungen hinweg speichert
Reveal-on-Scroll-Animationen mit IntersectionObserver – smooth, effizient, keine Bibliothek erforderlich
Chat-Widget-Mockup mit Tippkursor, Fortschrittsspinnern und Task-Häkchen für sofortigen Produktkontext
Responsive Breakpoints von 375px Telefonen bis zu 1440px Desktops
Barrierefreies Markup – semantische
section,nav,details/summaryfür FAQ, focus-visible-Zustände, ARIA-Labels auf Icon-Only-Buttons
Technische Details
Single-HTML-Datei, ca. 1.050 Zeilen, ~60 KB unkomprimiert
Null externe Abhängigkeiten – kein CDN, kein Framework, kein Build-Schritt
CSS-Custom-Properties für Theming; tauschen Sie drei Farben aus und die gesamte Website wird neu geskinnt
Inline-SVG-Icon-Set (keine Icon-Font-Abhängigkeit)
Nur Vanilla JS für: Theme-Toggle, Pricing-Billing-Switch, Tab-Switching, Scroll-Reveal, smooth Anchor-Scroll
Funktioniert out-of-the-box in jedem modernen Browser (Chrome, Safari, Firefox, Edge)
Für wen ist das
AI-Startup-Gründer, die eine v1-Marketing-Website starten, Produktteams, die ein Pilot-Landing spinnen, Agenturen, die eine Premium-Vorlage für einen AI-Kunden white-labeln müssen, und Indie-Devs, die es leid sind, mit aufgeblähten Page-Buildern zu kämpfen.
Anpassung
Jeder Abschnitt ist sauber kommentiert. Ändern Sie den Markennamen an zwei Stellen, tauschen Sie die Gradient-Haltepunkte oben im Stylesheet aus, fügen Sie Ihren eigenen Text ein – Sie werden in weniger als einer Stunde eine startbereite Website haben. Für 90% der Änderungen sind keine JavaScript-Kenntnisse erforderlich.