Anpfiff1 sieht jetzt aus wie das Spiel: das neue Design der Startseite

23. bis 30. September 2026:

Die Startseite von Anpfiff1 sah aus wie hundert andere Spielseiten: dunkelblauer Grund, Neongrün mit Farbverlauf, eine riesige Pixelschrift. Mit dem Spiel hatte das nichts zu tun. Seit heute ist sie neu, auf allen drei Domains.

Wo die Gestaltung herkommt

Nicht aus einem Genre-Thema, sondern aus dem Spiel selbst. Aus den Store-Bildern wurden die Farben gemessen, statt sie zu schätzen:

• Kopfband #1a482b mit Goldlinie #f2ce6b
• Kommentar-Kästen #0d2614, Tafel #212529
• Knöpfe #2e593d, Sprechblase #f8f5ea

Die Schrift ist die Spielschrift Unifont. Die Download-Liste ist wie das Hauptmenü gebaut, die Bilder sitzen in einem goldenen Fensterrahmen, und die Fragen klappen mit Plus- und Minus-Knöpfen auf, wie man sie aus dem Spiel kennt.

Was nicht hineinkam

Das Büro-Bild mit der KI-Illustration ist nicht mehr das erste Bild der Seite. Es zeigt nicht das Spiel, sondern einen Hintergrund. Der Hero zeigt jetzt den Live-Spielbildschirm mit dem Textkommentar. Auch die Leuchteffekte um Knöpfe und Karten sind weg.

Was gleich blieb

Ein Redesign darf nichts verlieren, was die Seite trägt. Deshalb sind Seitenleiste, Sprachumschalter, Bewertungen an den Knöpfen (20 von 25 auf Steam, 4,3 von 5 bei Google Play) und der Cookie-Dienst erhalten, und alle Texte kommen aus derselben Übersetzungsdatei wie vorher. Die Screenshots laden je Sprache in ihrer eigenen Fassung.

Die Reihenfolge der Plattformen hat sich geändert: Google Play, App Store, Steam, itch.io, zuletzt der Browser. Die Spieler kommen über die Stores, der Browser ist der Probierweg.

Gemessen

• Startseite (HTML): 80 KB vorher, 49 KB jetzt
• Stylesheet: 29 KB vorher, 13 KB jetzt
• Schrift: vorher Press Start 2P und Inter, jetzt Unifont als Teilsatz mit 7 KB

Die Schrift ist auf die Zeichen von Deutsch, Englisch und Türkisch beschnitten, damit sie nur 7 KB wiegt.

Der Weg zum Bau

Eine Vorlage erzeugt die drei Startseiten. Sie liest die Texte aus den bisherigen Seiten und schreibt Deutsch, Englisch und Türkisch jeweils vollständig ins HTML, damit auch ohne JavaScript alles da ist. Drei Dinge mussten dafür erhalten bleiben: dieselben Element-IDs, dieselben Übersetzungsschlüssel und die Sprachumschaltung im laufenden Betrieb. Den Rest der Übersetzungslogik habe ich nicht angefasst.

Was noch kommt

Die Unterseiten (Changelog, Bestenliste, Rechtstexte, WM Edition) tragen noch das alte Design. Sie folgen, sobald die Startseite sich bewährt hat.

Eine Seite, die aussieht wie das Spiel, braucht keine Erklärung, was man hier bekommt.