Contao 4.4 bis 5.7 · Spectre
0.1 Contao Theme – leicht, schnell, sparsam.
0.1 ist das leichtgewichtige Contao Theme für Websites, bei denen Ladezeit und Ressourcenbedarf zählen. Kein Webfont, kein eigenes JavaScript, Icons als SVG und ein CSS-Framework mit nur 10 KB: So erreicht die Demo 100 % im Lighthouse-Performance-Score und lädt in unter einer Sekunde. Drei Farbschemen mit Dark Mode und alle wichtigen Elemente des Contao-Cores sind dabei.
- 100 % Lighthouse Performance
- 0,8 s Ladezeit der Demo
- < 0,1 g CO₂ pro Seitenaufruf*
- 0 Webfonts, 0 eigenes JavaScript
Ein Theme, drei Farbschemen. Hell und dunkel.
DAY, NIGHT und EARTH: Jedes Farbschema bringt aufeinander abgestimmte Farbtöne mit und schaltet automatisch in den Dark Mode, wenn ihn das Betriebssystem oder der Browser verlangt. Das schont die Augen bei wenig Licht und spart auf OLED-Displays Energie. Passende CSS-Bildfilter färben deine eigenen Bilder auf Wunsch im Stil des Schemas ein.
Light-Mode
DAY – Orange
Warm und freundlich für Handwerk, Gastronomie, Vereine und Blogs.
- Orange Akzente auf hellem Grund
- Bildfilter in warmen Tönen
Light-Mode
NIGHT – Violett
Kreativ und modern für Agenturen, Kultur, Musik und Portfolios.
- Violette Akzente auf hellem Grund
- Bildfilter in kühlen Tönen
Light-Mode
EARTH – Grün
Natürlich und ruhig für Nachhaltigkeit, Energie, Gesundheit und Umweltprojekte.
- Grüne Akzente auf hellem Grund
- Passt zum Energiespar-Gedanken
Dark-Mode
DAY – Orange & dunkel
Das orange Schema in der Nachtansicht, automatisch nach Systemeinstellung.
- Augenschonend bei wenig Licht
- Spart Energie auf OLED-Displays
Dark-Mode
NIGHT – Violett & dunkel
Violett auf dunklem Grund, das stimmungsvollste Schema des Themes.
- Augenschonend bei wenig Licht
- Spart Energie auf OLED-Displays
Dark-Mode
EARTH – Grün & dunkel
Grüne Akzente auf dunklem Grund für einen ruhigen, natürlichen Auftritt.
- Augenschonend bei wenig Licht
- Spart Energie auf OLED-Displays
FeaturesFunktionen des 0.1 Contao Themes
0.1 ist leicht, schnell und auf eine schlanke technische Umsetzung fokussiert – für Websites, bei denen Performance und ein reduzierter Ressourcenbedarf wichtig sind.
* Die 0.1 Demo-Website wurde bei WebsiteCarbon mit weniger als 0,1 g CO₂ je Seitenansicht bewertet (Messung bei WebsiteCarbon). Der Wert bezieht sich auf die Demo-Website und ist nicht pauschal auf mit dem Theme erstellte Websites übertragbar.
100 % Lighthouse
Volle Punktzahl bei Performance und SEO, die Demo lädt mit allen Inhalten in 0,8 Sekunden.
Spectre statt Schwergewicht
Das schlanke CSS-Framework Spectre ist komprimiert nur rund 10 KB groß.
Keine Webfonts
Performante Systemschriften, gemacht für moderne, hochauflösende Bildschirme. Kein Nachladen, keine externen Anfragen.
Ohne eigenes JavaScript
Navigation, Tabs, Animationen und Switcher laufen über CSS und Browser-Technik statt über Skripte.
Icons als SVG
Alle Icons sind leichte SVGs, eine zusätzliche Iconfont wird nicht geladen.
3 Farbschemen + Dark Mode
DAY (Orange), NIGHT (Violett) und EARTH (Grün), jeweils mit automatischem Dark Mode nach Systemeinstellung, auf Wunsch abschaltbar.
CSS-Bildfilter
Eigene Bilder passen sich automatisch dem gewählten Farbschema an (deaktivierbar).
Alle Core-Elemente gestaltet
News, Events, Mediaelemente, Formulare, Suche, Newsletter und mehr sind fertig gestylt.
Teaserboxen, Tabs, Zitat & Parallax
Teaserboxen mit Bild und Button, Tabs, ein Zitat-Element für wichtige Aussagen und ein Parallax-Element mit Vollbild und beliebigem Text.
Megamenü
Große Navigation für umfangreiche Websites, auf Wunsch aktivierbar. Dropdown und mobile Navigation bis zur dritten Ebene.
SCSS & Variablen
Farben, Schriften und Abstände über Variablen in der SCSS-Datei ändern, eigene Anpassungen in einer custom-Datei, bei Bedarf auch klassisches CSS.
Contao Advanced Classes
Raster, Abstände und Sichtbarkeiten pro Gerät per CSS-Klasse direkt im Backend steuern.
Newsletter-Box
Eigener Bereich für die Newsletter-Anmeldung, auf jeder Seite einblendbar.
Kontaktseite
Fertige Seite mit Formular und Kontaktdaten.
Insert-Tags für Artikel
Artikel per eigenem Insert-Tag an beliebiger Stelle einbinden, zum Beispiel für wiederkehrende Inhalte.
Fully responsive
Optimiert für alle Endgeräte und aktuellen Browser, Header, Footer, Layouts und Spalten einfach anpassbar.
Wissen zum Ressourcenbedarf
Mitgelieferte Inhalte erklären den Energiebedarf des Webs und zeigen Ansätze für effiziente Webentwicklung.
InstallationIn vier Schritten online.
- Installieren
- Per Contao Manager oder Composer, kostenlos auch auf Testdomains.
- Demo importieren
- In Contao 5 kommt die Demo automatisch bei der Datenbank-Migration, wenn die Datenbank leer ist.
- Anpassen
- Farbschema, Logo, Header, Footer und Inhalte im Backend, Farben per SCSS.
- Live gehen
- Lizenz kaufen und Hinweis entfernen, oder kostenlos mit Hinweis.
Theme-Daten
- Contao
- 4.4 bis 5.7
- Basis
- Spectre CSS, SVG-Icons, Systemschriften, kein eigenes JavaScript
- Installation
- Contao Manager oder Composer
- Demo
- 1, automatischer Import bei der Migration
- Design
- 3 Farbschemen (DAY, NIGHT, EARTH), jeweils mit Dark Mode
- Performance
- 100 % Lighthouse Performance und SEO, 0,8 s Ladezeit (Demo)
- Browser
- alle aktuellen Browser (Chrome, Firefox, Safari, Edge, Opera)
- Updates
- kostenlos über den Contao Manager
- Support
- Telefon und E-Mail (Premium), Issues auf GitHub
- Lizenz
- Free, Premium oder Unlimited
- Seit
- 2020
0.1 + Klaro!
Cookie-Banner, fertig konfiguriert.
0.1 arbeitet mit dem Klaro! Consent Manager für Contao zusammen. Unsere Konfigurationsdatei bringt über 20 vorbereitete Dienste mit, so holst du rechtssichere Einwilligungen ein, bevor Daten übertragen werden, und das Banner passt optisch zum Theme.
FAQHäufige Fragen
Ein Theme. Viele Farben.
Startseite, Unterseiten, drei Farbschemen im hellen und dunklen Modus und Mobilansicht: So sieht 0.1 im Einsatz aus. Alle Bilder stammen aus der mitgelieferten Demo.
0.1 Contao Theme
Bereit für deine neue Website?
Nutze 0.1 kostenlos mit Copyright-Hinweis im Footer, oder kauf eine Lizenz und entferne ihn.