Alle Werte sind im Browser am gerenderten Seitenbaum abgelesen und gezählt, nicht geschätzt. Grundlage ist die 1:1-Kopie der Altseite in dev/.
Logo der Altseite, 145 × 153 px, freigestellt — Datei:
templates/rt_diametric_responsive/images/logo/preset5/logo.png.
Auf der Altseite sitzt es als Hintergrundbild der Klasse .logostyle-style5,
nicht als Bild im Inhalt. Für eine Neufassung fehlte eine Vektorvorlage —
sie ist inzwischen erstellt, siehe den nächsten Abschnitt.
Eine Vektorvorlage gab es im Bestand nicht — die Bildmarke ist jetzt einmal aus dem Pixelbild
abgenommen und einmal als vereinfachte Fassung konstruiert. Beide sind skalierbar und steuerbar
über currentColor.
Aus dem Original abgenommen. Drei Bögen und ein Punkt, Maße am Pixelbild vermessen. 81 % Deckung mit dem Original. SVG herunterladen
Vereinfachte Fassung. Der Punkt ist ein exakt runder Kreis. Die drei Bögen sind dieselbe Kurve dreimal, um einen Fluchtpunkt skaliert — der kleinste sitzt am Punkt, nach oben wachsen sie. Größe, Abstand, Wölbung und Dicke verhalten sich dadurch richtig zueinander. SVG herunterladen
Die Wortmarke („Stimmschmiede Bonn“) gibt es weiterhin nur als Pixelbild — dafür ist eine Schriftentscheidung nötig. Vier ausgearbeitete Wege stehen in der Schriftempfehlung.
Akzentfarbe #D21200 —
gemessen an 34 Stellen im gerenderten Seitenbaum. Kontrast auf Weiß 5,4:1,
auf dem dunklen Kopfbereich 4,6:1 — trägt Text ab 18 px, für kleine Schrift
ist die dunklere Fassung #9A0D00 (8,1:1) die bessere Wahl.
#5CB85C im Cookie-Hinweis und der grüne Knopf
sind keine Markenfarbe: Beides kommt aus dem Bootstrap-Stylesheet des Cookie-Plugins
fmalertcookies. Ebenso gehört Roboto nicht zur Marke — die Schrift wird von der
Stundenverwaltung mitgebracht.| Schrift | Rolle | Schnitte | Herkunft |
|---|---|---|---|
| Novecentowide | Überschriften, Menü, Titelzeilen — die Schrift mit dem technischen Charakter | Normal, Medium, DemiBold | lokal, templates/rt_diametric_responsive/fonts/ (eot, woff, ttf) |
| Helvetica, Arial | Grundschrift für allen Fließtext — Systemschrift, keine Datei | 400, 700 | Betriebssystem |
| Roboto | nur Stundenverwaltung | Thin bis Bold | liegt unter stunden-verwaltung/font/roboto/ |
| Element | Schrift | Größe | Gewicht | Farbe |
|---|---|---|---|---|
| Menüpunkt | Novecentowide Normal | 11,7 px | 400 | #000000, Großbuchstaben |
| Titelzeile (rotes Band) | Novecentowide DemiBold | 18,2 px | 700 | #FFFFFF, Großbuchstaben |
| Überschrift h2 | Novecentowide Normal | 25 px | 700 | #4C4A47 |
| Überschrift h3 | Helvetica | 22,75 px | 700 | #FFFFFF (auf dunklem Band) |
| Fließtext | Helvetica, Arial | 13 px | 400 | #4C4A47 / #000000 |
Weiterlesen-Verweis .readon | Helvetica | 13 px | 400 | #D21200, Radius 5 px |
Raster: Gantry-Raster mit 12 Spalten, Inhaltsbreite
1200 px im Container .rt-container. Zwei helle Grundvarianten
(body-light, menu-light) und eine responsive Fassung.
Bildsprache: Der Kopfbereich arbeitet mit Mustern
und Überlagerungen (headerpanel-pattern-paint-splatter,
headerpanel-accentoverlay-dark) über großen Fotos; Inhaltsüberschriften sitzen
auf durchgehenden roten Bändern. Sachfotos, keine Stock-Optik — Ausnahmen: zwei
Lizenzbilder von Fotolia (Sängerin in der Badewanne, Männer vor Kollegen).
Struktur: Der Fußbereich wiederholt die Stammdaten auf
jedem Blatt; die Seitenüberschrift steht nicht in einer H1, sondern als
div.title — das kostet Sichtbarkeit bei Google.
| Befund | Beleg |
|---|---|
| Keine Seitenübersicht für Suchmaschinen | sitemap.xml antwortet mit 404 —
die Seitenliste musste über die Verweise gesammelt werden |
| Keine H1-Überschrift auf keiner der 59 Seiten | gemessen im Browser (jQuery-Abfrage aller Seiten) |
| Zwei verlinkte Seiten ohne Inhalt | /index.php/und-mehr/gesangskurs-divin-sauveur und
/index.php/stimmbildung/anmeldung/anmeldung-fortbildung antworten mit 404 |
| Tippfehler in der eigenen Domain | Fußzeile verlinkt
www.stimmschmiede-bonn,de (Komma statt Punkt) — auf allen 59 Seiten |
| 37 Dateien fehlen schon im Original | u. a. alle Hintergrundmuster des Templates,
die Schriften der Stundenverwaltung, team_neu.jpg |
| Tracking ohne Einwilligung | Google Analytics (UA-86307984-1) und die GA4-Weiterleitung liefen auf jeder Seite; in der Kopie wurden sie entfernt |
| Formulare defekt | Kontaktformular und Newsletter sind vorhanden, Übermittlung für die Altseite zu prüfen — dazu kommt das Stundenverwaltungs-Modul mit eigenem Login |