24 vorgestaltete Templates für die häufigsten Vertikale. Jedes Template enthält die Branchen-Pflichtinhalte, rechtssichere Texte (HWG, BRAO, StBVV) und realistische Demo-Inhalte. Schnellstart statt Custom-Build von Null.
Ich finde, jede Branche braucht ihre eigene Architektur. Stand August 2026: 24 Templates sind live, jedes mit eigener Architektur statt nur Farb-Variation. Live unter zahnarzt, handwerker, friseur, coach, tierarzt, fotostudio, apotheke, architekt, ferienwohnung, galabau, heilpraktiker, hundeschule, optiker, pension-gasthof, personal-training, pflegedienst, sanitaer-heizung, takt-automation, goldschmiede-brandt und steuerberater.bytebrise.com. Beta-Tester für weitere Branchen sind willkommen.
Dazu drei scroll-gescrubbte Cinematic-Showcases als eigene Kategorie, keine Branchen-Vorlage im engeren Sinn, sondern ein Ausblick auf das, was mit reiner Kamerafahrt statt Slideshow möglich ist: scroll-basar, scroll-zeitreise und sogwerk.bytebrise.com.
Und ein reines Kunst-Experiment obendrauf, kein Kundenprojekt und keine Branchen-Vorlage: eine endlose Op-Art-Schleife aus sechs ineinander verschmelzenden Figuren, gebaut um auszuloten, wie weit sich Scroll-Choreografie treiben lässt: augenblick.bytebrise.com.
Live-Demo
Nuclear-Grade-Precision-Pattern: reines Schwarz-Weiß mit Signal-Grün als einzigem Akzent, sticky Mono-Ziffer führt durch den Prozess, rotierendes 3D-Icosaeder im Hero. Beispiel: TAKT Automation.
Live-Demo
Quiet-Luxury-Editorial-Pattern: sich selbst zeichnender Ladescreen, warmes Creme mit großzügiger Serif-Typografie, editorialer One-Pager auf Deutsch und Englisch. Beispiel: Helene Brandt.
Live-Demo
Scroll-gescrubbte Kamerafahrt durch ein handgezeichnetes Cel-Shading-Diorama, jede Sektion eine eigene Filmszene statt Slideshow. Für Marken, die keine Website wollen, sondern eine Welt.
Live-Demo
Fotoreale Kamerafahrt durch drei Epochen Münchens, 1750 bis Morgen, ein durchgängiger Flug statt Cuts zwischen Bildern. Zeigt, wie viel Tiefe eine Marken-Geschichte bekommen kann.
Live-Demo
Fotoreal-Makro-Flug durch acht Szenen, vom Teppichfaser bis zum fertigen Gerät, ein durchgängiger Flug ohne Schnitte. Zeigt, wie ein einzelnes Produkt eine ganze Marken-Welt tragen kann.
Live-Demo
Op-Art-Hypnose-Pattern: sechs Figuren, vom Auge über Falter und Hand bis zur Spirale, verwandeln sich in einer endlosen Schleife ineinander. Kein Kundenprojekt, sondern ein bytebrise-Experiment: wie weit sich Scroll-Choreografie treiben lässt, wenn die Technik selbst zum Kunstwerk wird.
Live-Demo
Trust + Calm Pattern: Top-Rail Header mit Live-Öffnungsstatus, Image-Heavy Hero, „Vor jedem Termin“-Vertrauensblock. HWG-konform. Beispiel: Praxis Dr. Hoffmann.
Live-Demo
Premium-Salon-Pattern mit centered Logo-Header, Boutique-Calm-Typografie, Brautstyling-Timeline und persistenter Floating-Termin-Pill.
Live-Demo
Workshop Portfolio Pattern: Split-Nav statisch, 50/50 Hero, Anthrazit-Portfolio mit Filter-Chips (Küchen/Treppen/Möbel/…), Process-Steps mit Pfeilen. Beispiel: Schreinerei Lechner.
Live-Demo
Healing-Flow Pattern: Minimal D2-Header (nur Termin-CTA und Hamburger), Full-Bleed-Hero mit Verfügbarkeits-Heatmap, Sage-Teal-Akzent. Beispiel: Lechner & Partner.
Live-Demo
Premium-Showcase: Champagne + Gold, Transparent-Header der bei Scroll opak wird, Property-Grid mit Filter-Pills, dark Showcase-Block. IHK §34c GewO-Hinweise inklusive.
Live-Demo
Transformation-Arc: Pull-Quote-Hero zentriert, Methode in drei Akten als visueller Bogen, anthrazit + Terracotta-Orange. Beispiel: Hannah Hoffmann.
Live-Demo
Authority-Cabinet: Spectral-Serif, Split-Hero mit B/W-Portrait, Edition-List Services, dunkler CTA-Block. StBVV-Impressum integriert. Beispiel: Kanzlei Wimmer.
Live-Demo
Paper-Craft-Editorial-Pattern: Kollage-Hero aus handgebauten SVG-Papier-Ebenen, die beim Laden aufkleben und beim Scrollen auseinanderdriften, Washi-Tape und Abriss-Kanten als Deko. Beispiel: Kleintierpraxis Wiesengrund.
Live-Demo
Monochrome-Quiet-Minimal-Pattern: fast Graustufen, ein einziger Kerzenschein-Akzent, Bewegung ausschließlich als sanftes Fade, bewusst das ruhigste Demo im Portfolio. Beispiel: Bestattungshaus Lindenberg.
Live-Demo
Retro-Futurism-Y2K-Chrome-Pattern: 3D-perspektivischer Neon-Highway im Hero, fixierter Tacho-Scroll-Indikator mit Nadel und km/h-Readout. Beispiel: Fahrschule VOLTA.
Live-Demo
Cinematic-3D-Dark-Gallery-Pattern: scroll-gescrubbter Blenden-Prolog öffnet den Hero wie eine Kamerablende, Filmkorn-Overlay und Pseudo-3D-Galerie-Tilt. Beispiel: Blende & Korn.
Live-Demo
Soft-Clinical-Lavender-Mint-Pattern: geometrische Rezeptur-Kreuz-Komposition statt Foto-Hero, Off-Canvas-Drawer-Navigation, dezente Plus-Raster-Textur. Beispiel: Lindenhof-Apotheke.
Live-Demo
Zen-Minimal-Breathing-Pattern: Atem-Kreis im Hero weitet und zieht sich im Atemrhythmus zusammen, organische Blob-Formen und wellenförmige Sektions-Divider. Beispiel: Atemraum.
Live-Demo
High-Voltage-Industrial-Pattern: Leiterbahn-Rail zeichnet sich mit dem Scroll-Fortschritt am Seitenrand, Hazard-Streifen als Sektionstrenner, Schaltschrank-Monospace für Preistabellen. Beispiel: Kessler Elektrotechnik.
Live-Demo
Chambers-Dark-Pattern: dunkles Grün-Anthrazit mit Pergament-Text und gedämpftem Altgold als einzigem Akzent, editorialer Ledger-Stil aus Serif-Display und Sans-Body. BRAO-konform. Beispiel: Amrhein & Vogler Rechtsanwälte.
Live-Demo
Plan-Editorial-Pattern: sich selbst zeichnender SVG-Grundriss im Hero, Instrument-Serif-Großzahlen als Leitsystem, scroll-proportionale Signaturlinie am Seitenrand. Beispiel: Beck Architektur.
Live-Demo
Bold-Diner-Pattern: knallrote Akzentflächen ohne Eckenrundung, Speisekarte mit Leader-Linien und rechtsbündigem Preis, Foto-Cards mit Verlauf und „Neu“-Ribbon. Beispiel: Brandrot Burger.
Live-Demo
Seeblau-und-Leinen-Pattern: fünf Postkarten fächern sich beim Laden aus einem Stapel auf, Belegungskalender-Mock und Ausstattungs-Matrix statt Portal-Optik. Beispiel: Ammerblick Ferienwohnungen.
Live-Demo
Bauhof-Pattern: Tiefgrün statt Grün-Klischee, Terracotta als unerwarteter Zweitakzent, Section-Reveals statt Slider. Beispiel: Fichtner Garten- und Landschaftsbau.
Live-Demo
Herbarium-Paper-Pattern: warmes Pergament, botanische Line-Art statt Fotos, Karteikarten-Register mit sich zeichnenden Anwendungs-Icons. § 1 HeilprG, kein Heilversprechen. Beispiel: Naturheilpraxis Frieda Amrein.
Live-Demo
Wiese-und-Leine-Pattern: eine SVG-Leinen-Linie zieht sich scroll-gekoppelt am Seitenrand entlang, Bento-Grid-Kursübersicht mit Warteliste-Badges. Beispiel: Hundeschule Fellwerk.
Live-Demo
Asphalt-Signal-Pattern: Tacho-Nadel-Gauges als Kennzahlen-Anzeige, Workshop-Portfolio-Architektur mit eigenem Signature-Motion-System, Hochvolt-Qualifikation für Hybrid- und E-Fahrzeuge. Beispiel: Sailer Fahrzeugtechnik.
Live-Demo
Notenlinien-Pattern: fünf SVG-Linien ziehen sich im Hero auf, eine Melodie-Linie zieht sich scroll-gekoppelt durch die Seite, Instrumenten-Raster mit Hörprobe-Mock. Beispiel: Klangraum Musikschule.
Live-Demo
„Scharf gestellt“-Pattern: Headline und Hero-Bild starten unscharf und schärfen sich beim Laden, Sehtafel-Motiv als dekoratives Hero-Element. HWG-konform. Beispiel: Brillenwerk Optik.
Live-Demo
Leinen-und-Linde-Pattern: strikt ein Akzent statt Gold-Burgund-Duo, Fenstergitter-Hero, Zimmer-Katalog und Tafel-Wochenkarte in einem Auftritt. Beispiel: Gasthof Lindenwirt.
Live-Demo
„Intervall“-Pattern: Interval-Ticker läuft im Hero mit, Probetraining-Slot-Funnel führt direkt zur Buchung. Beispiel: Kraftraum PT.
Live-Demo
„Konvergenz“-Pattern: zwei SVG-Linien für Pflegekraft und Klient:in laufen im Hero aufeinander zu und dann parallel weiter, Leistungs-Matrix trennt SGB V und SGB XI sauber. Beispiel: Pflegedienst Amperblick.
Live-Demo
„Thermo Shift“-Pattern: Tiefblau-Flamme-Kontrast mit striktem Drei-Farben-System, Bad-Konfigurator-Teaser und eigene Notdienst-/Wartungs-Leiste. Fachbetrieb nach § 62 AwSV. Beispiel: Aigner Bad & Heizung.
Live-Demo
Street-Food-Pattern: Ember-Rot und Grill-Gold auf Holzkohle-Anthrazit, Glas-Overlay-Cards mit Hover-Zoom, Speisekarte mit semantischer LMIV-Allergenkennzeichnung. Beispiel: Anadolu Grill.
Live-Demo
„Curtain Rise“-Pattern: ein samtiger Bühnenvorhang hebt sich beim Laden und gibt den Hero frei, theatralisch statt kitschig. Beispiel: Tanzschule Amperschritt.
Pro Vertical liefern wir mehr als nur Layout:
Templates sind in Vorbereitung (Q3 2026). Beta-Tester bekommen das Template zum Sonderpreis und beeinflussen das finale Design. Maximal 3 Beta-Slots pro Vertical.
Beta-Slot anfragen