Interne Seite. Sie wird beim Bauen aus der Website entfernt und ist nur während der Entwicklung erreichbar.
Bausteine
48 Beispiele in 9 Gruppen. Jedes davon ist echt – kein Bild, keine Nachbildung. Was Du siehst, ist der Baustein, samt Animation. Alle nutzen die Klassen aus demStyleguide.
Aufmacher
Der erste Abschnitt einer Seite. Er hat drei Sekunden Zeit zu sagen, was der Betrieb macht.
HeroSchlicht
Text, kein Bild. Die ruhigste Variante und meist die wirksamste – nichts lenkt von der Aussage ab. Auch die schnellste, weil kein Bild geladen wird.
Strom im Haus, Strom aufs Dach, Strom ins Auto
Wir sind ein Elektrobetrieb mit zwölf Beschäftigten. Wir installieren, prüfen und reparieren – im Umkreis von rund 30 Kilometern.
HeroSchlicht, zentriert
Dieselbe Sektion mit zentriert={true}. Wirkt förmlicher. Passt für Seiten ohne Bildmaterial.
Wir sagen Termine zu, die wir halten können
Manchmal heißt das, dass wir eine Anfrage ablehnen. Uns ist lieber, Sie hören ein ehrliches Nein als einen Termin, der platzt.
HeroBild, Bild rechts
Text und Bild nebeneinander. Auf dem Handy steht der Text immer oben – wer zuerst ein Foto sieht, muss scrollen, um zu erfahren, worum es geht.
Wallbox montieren, ohne böse Überraschung
Wir prüfen, was Ihr Hausanschluss hergibt, montieren die Wallbox und melden sie beim Netzbetreiber an.
HeroBild, Bild links
Dieselbe Sektion mit bildSeite='links'. Bei mehreren Abschnitten untereinander sollte die Seite wechseln – sonst wirkt die Seite eintönig.
Photovoltaik von der Planung bis zum Netzanschluss
Wir sehen uns Dach, Dachboden und Zählerschrank an und sagen Ihnen, was geht – auch dann, wenn sich die Anlage nicht lohnt.
HeroHintergrund
Bild im Hintergrund, Text darauf. Zwischen beiden liegt eine dunkle Schicht mit fester Deckkraft – ohne sie hinge die Lesbarkeit vom Foto ab. Der Wert ist nachgerechnet: npm run kontrast prüft den ungünstigsten Fall, ein rein weißes Bild.
Handwerk, das man weiterempfiehlt
Zwölf Beschäftigte, davon zwei Auszubildende. Baustellen im Umkreis von 30 Kilometern, keine Übernachtungen.
HeroHintergrund, zentriert und flacher
Dieselbe Sektion mit zentriert={true} und hoehe='medium'. Eher ein Seitenkopf als ein Aufmacher.
HeroGeteilt
Zwei Hälften, eine in der Hauptfarbe. Wirkt kräftiger als die anderen Varianten – passt, wenn die Website selbstbewusst auftreten soll.
Lern bei uns, statt Kaffee zu holen
Ab dem ersten Jahr bist Du auf der Baustelle dabei. Wir bilden seit 2004 aus.
HeroZweiBilder
Ein großes Bild, ein kleineres versetzt davor. Braucht zwei gute Bilder – mit einem guten und einem mittelmäßigen wirkt es schlechter als HeroBild mit nur dem guten.
Zwölf Leute, ein Transporter mehr als 1998
Angefangen haben wir mit zwei Leuten. Heute sind wir zwölf – und nehmen immer noch nur so viele Aufträge an, wie wir schaffen.
Inhalt
Die Abschnitte zwischen Aufmacher und Abschluss. Fast alle nehmen die Eigenschaften grund und abstand.
SektionText
Überschrift und Fließtext. Der Text steht in einem rich-text-Bereich – Absätze, Listen und Zwischenüberschriften bekommen ihre Abstände automatisch.
Wie wir arbeiten
Ein Satz, der die Richtung vorgibt, bevor der eigentliche Text beginnt.
Wir nehmen nur so viele Aufträge an, wie wir in der zugesagten Zeit schaffen. Das heißt manchmal, dass wir eine Anfrage ablehnen.
Wer zu Ihnen kommt
Bei kleineren Aufträgen ein Monteur, bei größeren ein Team aus zwei bis drei Leuten. Wer kommt, sagen wir Ihnen vorher.
SektionBildText
Das Arbeitspferd: erklärt eine Sache, zeigt ein Bild dazu. Bei mehreren untereinander sollte die Bildseite wechseln.
Wir sagen auch, wenn es sich nicht lohnt
Nicht jedes Dach eignet sich. Ausrichtung, Neigung, Verschattung und der Zustand der Eindeckung entscheiden mit.
SektionKarten
Ein Raster aus Karten. Die Spaltenzahl rechnet der Browser selbst aus – Du legst nur fest, wie schmal eine Karte höchstens wird.
Was wir machen
Vier Bereiche, in denen wir täglich arbeiten.
SektionMerkmale
Kurze Punkte mit Symbol – für Vorzüge oder Leistungsumfang. Anders als Karten: kein Rahmen, kein Link, weniger Gewicht.
Worauf Sie sich verlassen können
Feste Termine
Wir sagen nur zu, was wir halten können.
Eigene Monteure
Keine Subunternehmer, keine wechselnden Gesichter.
Protokoll inklusive
Nach jeder Prüfung bekommen Sie die Unterlagen.
30 Kilometer
Unser Einzugsgebiet rund um Musterstadt.
SektionMerkmale, nebeneinander und farbig
Dieselbe Sektion mit form='nebeneinander' und grund='farbig'. Symbol links, Text rechts – kompakter.
Kurz gesagt
Feste Termine
Wir sagen nur zu, was wir halten können.
Eigene Monteure
Keine Subunternehmer, keine wechselnden Gesichter.
Protokoll inklusive
Nach jeder Prüfung bekommen Sie die Unterlagen.
30 Kilometer
Unser Einzugsgebiet rund um Musterstadt.
SektionMerkmale mit ton='problem' und ton='loesung'
Rot für das Problem des Kunden, grün für das, was der Betrieb dagegen tut. Diese beiden Farben liest fast jeder ohne Erklärung – genau deshalb sparsam einsetzen: Wenn auf einer Seite fünf Dinge rot sind, heißt Rot nichts mehr. WICHTIG: Die Farbe ist eine Zugabe, kein Ersatz für Worte. Rund neun Prozent der Männer unterscheiden Rot und Grün schlecht; für sie sind beide Kacheln gleich. Aus der Überschrift muss deshalb hervorgehen, worum es geht – „Niemand ruft zurück“ tut das, „Erreichbarkeit“ nicht.
Kennen Sie das?
Was uns Kunden erzählen, bevor sie zu uns kommen.
Niemand ruft zurück
Drei Betriebe angerufen, nichts passiert.
Der Termin platzt
Zugesagt für Dienstag, gekommen ist niemand.
Eine Summe ohne Erklärung
Wofür genau, steht nicht dabei.
Jedes Mal ein anderer
Erklären muss man alles noch einmal.
Wie wir es machen
Rückmeldung am nächsten Werktag
Auch dann, wenn die Antwort Nein lautet.
Zugesagte Termine
Wir nehmen nur an, was wir schaffen.
Angebot mit Positionen
Sie sehen, wofür Sie zahlen.
Eigene Monteure
Keine Subunternehmer, bekannte Gesichter.
SektionMerkmaleBilder
Dasselbe mit Foto statt Symbol. Wirkt stärker – kostet aber echte Bilder. Mit Stockfotos, auf denen niemand aus dem Betrieb zu sehen ist, wirkt diese Sektion schlechter als die Fassung mit Symbolen.
Drei Dinge, die uns ausmachen
Jedes davon lässt sich nachprüfen.
Eigene Werkstatt
Vorbereitung und Reparaturen machen wir bei uns - das spart Zeit auf Ihrer Baustelle.
Photovoltaik
Von der Prüfung des Dachs bis zur Anmeldung beim Netzbetreiber.
Angebot mit Positionen
Sie sehen, wofür Sie zahlen - nicht nur eine Summe unten rechts.
SektionFakten
Eine schmale Zeile mit Eckdaten, direkt unter dem Aufmacher. Wer die Überschrift gelesen hat, will als Nächstes wissen, was er konkret bekommt – drei bis vier nachprüfbare Angaben beantworten das schneller als jeder Absatz. Der Unterschied zu SektionZahlen: Dort stehen große Kennzahlen als eigener Abschnitt mit Überschrift, hier ist es eine Zeile im Vorbeigehen. ACHTUNG: Jede Zahl muss stimmen – eine falsche Angabe über die eigene Leistung ist irreführende Werbung.
- Seit 1998
- 12 Beschäftigte
- 30 km Umkreis
- Meisterbetrieb
SektionZahlen
Kennzahlen nebeneinander. ACHTUNG: Jede Zahl muss stimmen. Erfundene Angaben sind irreführende Werbung und abmahnfähig. Was gut funktioniert, weil es überprüfbar ist: Gründungsjahr, Beschäftigtenzahl, Umkreis.
Der Betrieb in Zahlen
- gegründet
- 1998gegründet
- Beschäftigte
- 12Beschäftigte
- Auszubildende
- 2Auszubildende
- Einzugsgebiet
- 30 kmEinzugsgebiet
SektionZitat
Ein hervorgehobener Satz. Bei Kundenstimmen: Sie müssen echt und belegbar sein – erfundene Bewertungen sind seit 2022 ausdrücklich unlauter. Unbedenklich und oft wirksamer ist ein Satz aus dem eigenen Betrieb.
„Wir nehmen nur so viele Aufträge an, wie wir in der zugesagten Zeit schaffen.“
SektionStimmen
Mehrere Kundenstimmen nebeneinander. ACHTUNG: Erfundene Bewertungen sind nach § 5 UWG unlauter und werden abgemahnt – der Beweis steht offen auf der Website. Außerdem braucht es die Zustimmung der zitierten Person. Wer keine echten Stimmen hat, lässt den Abschnitt weg; eine leere Liste blendet ihn aus. Ehrliche Zwischenlösung: ein Satz aus dem eigenen Betrieb mit SektionZitat.
Was Kunden sagen
Beispieltexte – auf einer echten Website stehen hier echte Sätze echter Kunden.
„Angerufen am Montag, Rückmeldung am Dienstag, Termin in der Woche darauf.“
„Auf dem Angebot stand jede Position einzeln. Am Ende stimmte der Betrag.“
„Die Wallbox läuft seit zwei Jahren. Die Anmeldung haben sie übernommen.“
SektionFragen
Überschrift links, die Fragen rechts daneben. Das Plus am Zeilenende dreht sich beim Aufklappen zum Kreuz – dieselbe Zeichnung, nur gedreht, damit sofort klar ist, dass dieselbe Stelle wieder zuklappt. Nutzt details und summary: Der Browser übernimmt das Auf- und Zuklappen, kein JavaScript nötig, Tastaturbedienung von Haus aus, und Suchmaschinen sehen auch den zugeklappten Text.
Häufige Fragen
Was Kunden vor dem ersten Anruf wissen wollen.
Wie schnell können Sie kommen?
Bei einer Störung meist am selben oder nächsten Tag. Geplante Arbeiten stimmen wir ab.
Arbeiten Sie auch für Firmen?
Ja. Etwa die Hälfte unserer Aufträge kommt von Betrieben und Hausverwaltungen.
SektionFragen mit form='gestapelt'
Überschrift oben, Fragen darunter. Für schmale Seiten oder wenn über den Fragen noch etwas anderes steht.
Häufige Fragen
Wie schnell können Sie kommen?
Bei einer Störung meist am selben oder nächsten Tag. Geplante Arbeiten stimmen wir ab.
Arbeiten Sie auch für Firmen?
Ja. Etwa die Hälfte unserer Aufträge kommt von Betrieben und Hausverwaltungen.
SektionAufruf
Der Abschluss einer Seite. Gehört ans Ende jeder Seite, die zu etwas führen soll – wer bis hierher gelesen hat, ist interessiert.
Etwas, das Strom braucht?
Schreiben Sie uns, was ansteht. Wir sagen Ihnen, ob wir der richtige Betrieb dafür sind.
Abläufe
Etwas, das in einer Reihenfolge passiert. Die Linie zeigt die Richtung und wächst beim Scrollen mit.
SektionSchritte, Reihe
Nummerierter Ablauf nebeneinander. Die Linie wächst von einer Nummer zur nächsten – das macht aus vier Kreisen einen Ablauf. Die Nummern zählt der Browser: Wer später einen Schritt einfügt, muss nichts umnummerieren.
So läuft eine Anfrage
Vier Schritte, vom ersten Anruf bis zum Protokoll.
Sie schreiben oder rufen an
Fotos helfen uns weiter als lange Erklärungen.
Wir melden uns zurück
In der Regel am nächsten Werktag.
Angebot und Termin
Sie bekommen ein Angebot mit einzelnen Positionen.
Arbeit, Prüfung, Protokoll
Nach den Arbeiten übergeben wir die Unterlagen.
SektionSchritte, Liste
Dieselbe Sektion mit form='liste'. Die Linie läuft senkrecht nach unten. Für längere Abläufe und für Schritte mit mehr Text – nebeneinander würden die Spalten dafür zu schmal.
So läuft eine Anfrage
Sie schreiben oder rufen an
Am besten mit ein paar Fotos vom Zählerschrank und von der Stelle, um die es geht. Das erspart uns beiden einen Termin nur zum Anschauen.
Wir melden uns zurück
In der Regel am nächsten Werktag. Wenn wir Ihnen nicht helfen können, sagen wir das - und nennen jemanden, der es kann.
Angebot und Termin
Sie bekommen ein Angebot mit einzelnen Positionen, nicht eine Summe. Sie sehen also, wofür Sie zahlen.
Arbeit, Prüfung, Protokoll
Nach den Arbeiten prüfen wir und übergeben Ihnen die Unterlagen. Die brauchen Sie für Versicherung und Netzbetreiber.
SektionSchritte auf farbigem Grund
Dieselbe Sektion mit grund='farbig'. Nummern und Linie kehren sich automatisch um – sonst hätten sie dieselbe Farbe wie der Hintergrund.
In vier Schritten zur Wallbox
Sie schreiben oder rufen an
Fotos helfen uns weiter als lange Erklärungen.
Wir melden uns zurück
In der Regel am nächsten Werktag.
Angebot und Termin
Sie bekommen ein Angebot mit einzelnen Positionen.
Arbeit, Prüfung, Protokoll
Nach den Arbeiten übergeben wir die Unterlagen.
SektionZeitstrahl, senkrecht
Beliebig viele Einträge. Die farbige Linie wächst über der blassen, während man scrollt. Anders als bei den Schritten geht es hier um eine zeitliche Folge, nicht um einen Ablauf, den jemand durchläuft.
Unsere Geschichte
- 1998
Gegründet
Zwei Leute, ein Transporter, eine Werkstatt zur Miete.
- 2004
Erste Ausbildung
Seither bilden wir durchgehend aus.
- 2016
Photovoltaik dazu
Zwei Monteure lassen sich weiterbilden.
- 2022
Ladetechnik
Wallboxen werden zum zweiten Standbein.
- Heute
Zwölf Beschäftigte
Davon zwei Auszubildende.
SektionZeitstrahl, abwechselnd
Einträge links und rechts der Linie. Großzügiger, braucht aber Platz – ab vier Einträgen sinnvoll. Auf schmalen Bildschirmen fällt es auf die senkrechte Form zurück.
Unsere Geschichte
- 1998
Gegründet
Zwei Leute, ein Transporter, eine Werkstatt zur Miete.
- 2004
Erste Ausbildung
Seither bilden wir durchgehend aus.
- 2016
Photovoltaik dazu
Zwei Monteure lassen sich weiterbilden.
- 2022
Ladetechnik
Wallboxen werden zum zweiten Standbein.
- Heute
Zwölf Beschäftigte
Davon zwei Auszubildende.
SektionZeitstrahl, waagerecht
Für drei bis fünf Schritte. Der Strahl beginnt links: erst erscheint ein Punkt, dann wächst seine Linie nach rechts, dann der nächste Punkt. Auf dem Handy wird daraus eine senkrechte Liste.
So läuft eine Bewerbung
Vier Schritte, keine Formulare.
- Schritt 1
Bewerbung
Lebenslauf per Mail, kein Anschreiben nötig.
- Schritt 2
Rückmeldung
Innerhalb einer Woche.
- Schritt 3
Schnuppertag
Ein Tag mit auf der Baustelle.
- Schritt 4
Entscheidung
Beide Seiten entscheiden.
Menschen
Wer im Betrieb arbeitet. Bei Handwerk und Dienstleistung ist das oft der wirksamste Abschnitt überhaupt.
Zwei Dinge, bevor Fotos von Beschäftigten online gehen
Erstens: Ein Foto eines Menschen darf nur mit dessen Einwilligung auf die Website. Die sollte schriftlich vorliegen – und sie darf widerrufen werden. Wer den Betrieb verlässt, kommt von der Seite herunter. Zweitens: Auch eine Durchwahl oder eine persönliche E-Mail-Adresse ist ein personenbezogenes Datum und braucht dieselbe Zustimmung.
Die Porträts hier sind Platzhalter aus einer freien Sammlung. Für den eigenen Betrieb taugen sie nicht: Eine Team-Sektion wirkt genau dann, wenn dort die echten Gesichter stehen.
SektionTeam, quadratisch
Bild, Name, Aufgabe – und auf Wunsch eigene Nummer und E-Mail. Quadratische Bilder wirken sachlich und lassen sich aus fast jedem Foto zuschneiden.
Wer bei uns arbeitet
Zwölf Beschäftigte, davon zwei Auszubildende. Hier die drei, mit denen Sie am ehesten zu tun haben.
Andrea Musterfrau
Elektromeisterin, Geschäftsführung
Im Betrieb seit 2003, seit 2016 in der Geschäftsführung.
Kim Beispiel
Bauleitung Photovoltaik
Plant die Anlagen und ist auf der Baustelle Ihr Ansprechpartner.
Toni Mustermann
Ladetechnik
Montiert Wallboxen und meldet sie beim Netzbetreiber an.
SektionTeam, Porträt
Dieselbe Sektion mit form='3x4' auf hellem Grund. Das Hochformat ist die Form, in der Porträts seit jeher aufgenommen werden – es wirkt persönlicher, braucht aber Fotos, die hochkant funktionieren.
Andrea Musterfrau
Elektromeisterin, Geschäftsführung
Im Betrieb seit 2003, seit 2016 in der Geschäftsführung.
Kim Beispiel
Bauleitung Photovoltaik
Plant die Anlagen und ist auf der Baustelle Ihr Ansprechpartner.
Toni Mustermann
Ladetechnik
Montiert Wallboxen und meldet sie beim Netzbetreiber an.
Kontakt und Anfahrt
Alles, was zum Anruf führt. Die Angaben kommen aus den Firmendaten und stehen dadurch überall gleich.
SektionKontakt
Kontaktangaben in einer Reihe. Telefon und E-Mail bekommen ihr Symbol automatisch. Für den Fuß einer Seite, wenn die Anschrift nicht im Vordergrund steht.
So erreichen Sie uns
Am schnellsten geht es telefonisch.
SektionKarte
Anschrift, Zeiten, Telefon, E-Mail und eine Schaltfläche zur Route. Ohne eingebettete Landkarte – und damit ohne Einwilligung, ohne Banner, ohne Eintrag in der Datenschutzerklärung. Für die meisten Betriebe die richtige Wahl: Wer den Weg sucht, tippt die Adresse ohnehin ins Navigationsgerät.
So finden Sie uns
Unsere Werkstatt liegt im Gewerbegebiet, die Einfahrt ist hinter dem Gebäude.
Anschrift
WebseitenKit
Albert-Einstein-Straße 47
02977 Hoyerswerda
Telefon
Vor dem Tor sind zwei Besucherparkplätze. Bitte klingeln Sie am Seiteneingang.
Route planenSektionTermin
Erreichbarkeit, was vorab hilft, und der Weg zum Formular. Auch das ohne fremden Kalender. Ob sich ein Buchungskalender überhaupt lohnt, ist eine ehrliche Frage wert: Bei Handwerk hängt der Termin fast immer davon ab, was zu tun ist – und das weiß man erst nach einem Gespräch.
Termin vereinbaren
Am schnellsten geht es telefonisch. Wenn es Ihnen lieber ist, schreiben Sie uns.
Wann wir ans Telefon gehen
Das hilft uns vorab
- Fotos vom Zählerschrank
- Baujahr des Hauses
- Bei Photovoltaik: ein Foto vom Dach
Karte und Kalender einschalten
Beide Sektionen können mehr, als sie oben zeigen – sie tun es nur nicht von selbst.
Warum das nicht einfach eingeschaltet ist
Eine eingebettete Landkarte oder ein Terminkalender lädt beim Seitenaufruf von einem fremden Server – und überträgt dabei die IP-Adresse jedes Besuchers, bevor irgendjemand etwas angeklickt hat. Das braucht eine Einwilligung. Und eine Einwilligung braucht ein Banner, einen Eintrag im Dienste-Verzeichnis und einen Abschnitt in der Datenschutzerklärung.
Solange nichts davon eingeschaltet ist, kommt diese Website ganz ohne Banner aus. Das ist kein Zufall, sondern der Ausgangspunkt.
Wenn Du die Karte willst
- In
src/consent/vorlagen.tssteht der Eintragopenstreetmap. Kopiere ihn nachsrc/consent/dienste.ts. - Schlag die mit
TODO: prüfenmarkierten Angaben beim Anbieter nach. Nichts davon schätzen. - Erhöhe
FASSUNGin dienste.ts um eins. - Erzeuge die Rechtstexte neu.
- Setze an der Sektion
karte={true}und gib die Einbettadresse an.
Vergisst Du einen der Schritte, bricht der Bau ab – mit einer Erklärung, welcher Schritt fehlt. Für den Kalender gilt dasselbe; eine Vorlage für Calendly liegt bereit.
Galerie
Jedes Bild braucht eine Beschreibung - bei einer Galerie ist sie der ganze Inhalt für blinde Nutzer.
SektionGalerie, Raster
Gleichmäßiges Raster. Bilder zoomen beim Überfahren leicht heran.
Aus der Werkstatt
SektionGalerie, versetzt
Jedes zweite Bild steht etwas tiefer. Lebendiger als ein strenges Raster. Auf schmalen Bildschirmen ohne Versatz.
SektionGalerie, eng mit breitem Bild
Kleine Abstände, wirkt wie eine Bildwand. Ein Bild als Blickfang – dafür breit={true} bei einem Eintrag setzen.
Laufband und Logos
Die Logos hier sind Platzhalter aus einer freien Sammlung. Auf einer echten Website stehen dort Innungszeichen und Zertifikate.
SektionMarquee, Logos
Endlos laufende Reihe. WICHTIG: Alles, was sich länger als fünf Sekunden bewegt, muss anhaltbar sein (WCAG 2.2.2) – deshalb die Schaltfläche darunter. Die Bewegung stoppt auch beim Überfahren mit der Maus und beim Hineinnavigieren mit der Tastatur.
Mitgliedschaften und Zertifikate
SektionMarquee, Texte rückwärts
Dieselbe Sektion mit kurzen Aussagen statt Bildern, rückwärts laufend, auf farbigem Grund.
SektionLogos
Dieselben Zeichen ohne Bewegung. Ruhiger und für die meisten Fälle die bessere Wahl. ACHTUNG Markenrecht: Fremde Logos nur zeigen, wenn es einen sachlichen Grund gibt.
Mitgliedschaften und Zertifikate
Kopfzeilen
Vier Varianten. Sie werden im Layout gesetzt, nicht als Sektion eingefügt.<BasisLayout kopfzeile="mittig">
kopfzeile="einfach"
Wortmarke links, Navigation rechts. Die Voreinstellung und für die meisten Betriebe richtig.
kopfzeile="mittig"
Navigation mittig, Wortmarke links. Wirkt förmlicher als „einfach“. Am Ende der Navigation stehen wie überall die beiden Schaltflächen: Karriere umrandet, Kontakt gefüllt. Über die Eigenschaft schaltflaecheText ließe sich rechts noch eine dritte setzen – das ist fast immer zu viel.
kopfzeile="kontaktzeile"
Zusätzlich eine schmale Zeile darüber mit Ort, Telefon und Mail. Auf dem Handy wird sie ausgeblendet. Wenn der Anruf der wichtigste Weg zum Kunden ist – bei Handwerk fast immer.
kopfzeile="transparent"
ACHTUNG, halb fertig: Diese Variante nimmt der Kopfzeile nur den Hintergrund. Sie legt sie NICHT über den Aufmacher – die Kopfzeile steht weiter im Fluss, dahinter liegt der weiße Seitenhintergrund. Der dunkle Kasten hier ist gestellt. Wer sie wirklich über dem Aufmacher liegen haben will, muss sie aus dem Fluss nehmen; das ist noch zu bauen.
Darunter läge hier ein dunkler Aufmacher.
Fußzeilen
Drei Varianten, jede wahlweise auf dunklem Grund.<BasisLayout fusszeile="schmal" fusszeileDunkel>
fusszeile="spalten"
Vier Spalten: Kontakt, Seiten, Rechtliches, Öffnungszeiten. Die Voreinstellung – immer, wenn die Website mehr als drei Seiten hat.
fusszeile="spalten" mit fusszeileDunkel
Dieselbe Fußzeile auf dunklem Grund. Setzt die Seite optisch ab und wirkt ruhiger, wenn darüber viel Weiß ist.
fusszeile="schmal"
Alles in einer Zeile. Bei sehr kleinen Websites – oder wenn die Kontaktangaben schon im Abschnitt darüber stehen.
fusszeile="aufruf"
Wie „spalten“, darüber ein farbiger Kasten mit dem nächsten Schritt. Wenn auf jeder Seite dieselbe Handlung folgen soll – dann braucht die Seite selbst keinen Abschluss-Abschnitt mehr.
Alle Abschnitte sind animiert.
Sie blenden beim Scrollen ein, Reihen nacheinander, die Zeitstrahl-Linie wächst mit. Wer im Betriebssystem „Bewegung reduzieren" eingestellt hat, sieht alles sofort und vollständig – ohne Animation.