Golf-Template: Look „fairway“

Vorlage und Ergebnis

Vorlage Golfisland — **Deine Vorlage (Golfisland)**Nachtblau, Oliv, Playfair mit kursiver Betonung, runde Knöpfe, Kreis-Symbol vor der Dachzeile.

Unser Look fairway — **Unser Look „fairway“**Dieselbe Handschrift, aber mit unserem Lotsen als erstem Bildschirm.

Die Optik ist mit eigenem Code nachgebaut. Aus dem Kauf-Template stammt nichts (kein Code, keine Bilder, keine Symbol-Schrift), das Golfball-Symbol ist selbst gezeichnet. Eine Lizenz brauchen wir deshalb nicht.

Die Seiten im Überblick

**Startseite: der Frage-Bildschirm**Bildschirmhohes Foto mit dunklem Schleier, Dachzeile mit Oliv-Kreis, Frage in Playfair mit kursiver Betonung, fünf Foto-Kacheln, Mitglied-Zeile.

**Startseite für Wiederkehrer (hier: Einsteiger)**Wer schon gewählt hat, sieht das Foto seines Bereichs als große Fläche mit dem passenden Hauptknopf.

**Startseite: Über uns**Kopfzeile wird beim Rollen nachtblau. Helle Fläche, Häkchen-Liste, Knopf Nachtblau und Rahmen-Knopf.

**Startseite: Foto-Kacheln**Fotos mit dunklem Verlauf, Titel in Playfair, kleine eckige Etiketten.

**Bereichsseite Golf entdecken**Bild-Hero wie in der Vorlage, Kopf liegt durchsichtig darüber.

**Stapel-Karten mit Bereichs-Navigation**Die Bereichs-Navigation klebt als nachtblaues Band unter dem Kopf. Karten in Weiß, Nachtblau und Oliv.

**Schnupperkurs-Bühne**Nachtblaue Sektion als Ruhepunkt, Preis im Oliv-Kreis.

**Beiträge**Tabelle mit Nachtblau-Kopf auf dunkler Sektion.

**Greenfee: Fragen und weitere Seiten**Akkordeon und Karten „Mehr für Gastspieler“.

**Mini-Beratung „Finde deinen Einstieg“**Weiße Karte, Los-Knopf Nachtblau.

**Abschluss-Band und Footer**Foto-Band mit kursiver Oliv-Betonung, darunter das Band „Noch unsicher?“ und der nachtblaue Footer.

**Aufgeklapptes Menü**Nachtblau, Gruppen in Playfair.

Auf dem Handy

Handy: Bereichsseite — **Bereichsseite**

Auf dem Handy stehen die Antworten als Zeilen statt als Foto-Kacheln, damit alle sechs Wege auf den ersten Bildschirm passen.

So bekommt ein Club diesen Look

In der Akte design.look = "fairway" setzen. Keine Repo-Kopie: Jede Verbesserung am Konzept landet in allen drei Looks.
Zwei Clubfarben genügen: design.lookFarben mit akzent (statt Oliv) und dunkel (statt Nachtblau). Alle Zwischentöne werden abgeleitet.
Logo in heller Fassung für den dunklen Kopf und ein helles Menschen-Motiv für den Frage-Bildschirm.

Look	Optik	Anrede	Testadresse
modern	Frischgrün, Versalien, asymmetrische Ecken	Du	golf3
klassik	Tiefgrün, Gold, Playfair, eckig	Sie	golf4
fairway	Nachtblau, Oliv, Playfair kursiv, Urbanist, runde Knöpfe	Du	golf5 (Subdomain fehlt noch)

Was du entscheiden solltest

Runde Knöpfe. Die Vorlage hat ganz runde Knöpfe, unsere Regel sagt „keine Pillenform“. Ich habe sie wie in der Vorlage gebaut. Ein einziger Wert stellt alle Knöpfe kantig. Kleine Etiketten sind schon jetzt eckig.

Kursive Betonung. Betonte Wörter in Überschriften sind wie in der Vorlage kursiv und etwas kräftiger. Unsere Standards sagen seit Tinnen „nur Farbwechsel“. Auch das hängt an einem Wert.

Hintergrundmotiv des Frage-Bildschirms. Zurzeit das KI-Bild der Clubmitglieder mit Trolleys, als Hintergrund ohne KI-Zeichen.

Menüzeile im Kopf. Die fünf Bereiche stehen erst ab rund 1.800 px Fensterbreite als Textlinks im Kopf, darunter gibt es nur das Menü-Symbol. Auf deinem breiten Bildschirm siehst du sie.

Offen

Vorschau-Bühne: steht auf p6 (seit 01.10.2026 abends). Bitte durchklicken und Rückmeldung zur Optik geben.
Testadresse golf5: Subdomain bei Mittwald auf html/golf5 legen. Der Deploy dafür ist vorbereitet.
Übernahme in die Vorlage: Nach deinem Blick übernehme ich den Zweig fairway in den Zweig lotse. Erst dann können neue Club-Repos den Look nutzen.

Die Kontaktseite zeigt in meinen Testaufnahmen leere Kästchen statt der Symbole, weil auf dem Server keine Emoji-Schrift liegt. In einem echten Browser nicht geprüft.