🔒 Intern
Nicht indexierbar
Interne Dokumentation & Styleguide
Zahnarzt in Goldau — Dipl. med. dent. Thomas Radosz
Diese Seite beschreibt CI/CD-Richtlinien, Design-Tokens und Seitenstruktur für Grafikerinnen, Grafikbüros und externe Agenturen, die an der Website zahnarztingoldau.ch mitarbeiten. Alle Farben, Typografie-Regeln und Komponenten-Muster sind hier dokumentiert, damit Neuerungen konsistent bleiben.
Inhalt
1. Website-Struktur
Drei öffentliche Seiten, alle über WordPress-Classic-Theme gerendert. Die Startseite ist hardcoded (front-page.php), die rechtlichen Seiten laden ihren Content aus dem WP-Editor.
| Pfad | Template | Titel | Zweck |
|---|---|---|---|
/ |
front-page.php |
Startseite | Hauptseite — Hero, Leistungen, Praxis, Notfall, Kontakt. |
/impressum/ |
page-impressum.php |
Impressum | Rechtliche Angaben (CH-Recht). Noindex. |
/datenschutz/ |
page-datenschutz.php |
Datenschutz | DSG/DSGVO-Hinweise. Noindex. |
Registrierte Menüs
| Location | Menü-Titel | Items |
|---|---|---|
primary | Haupt-Navigation | Leistungen · Team · Kontakt · Notfall |
footer | Footer Menü | Impressum · Datenschutz |
2. Typografie
Das System basiert auf zwei Schriftfamilien. Keine weiteren Schriften ohne Freigabe einsetzen.
| Familie | Rolle | Gewichte | Quelle |
|---|---|---|---|
| Plus Jakarta Sans | Body / UI | 400, 500, 600, 700, 800 | Google Fonts |
| Instrument Serif | Display / Headlines | 400, 400 italic | Google Fonts |
Ihr Zahnarzt in Goldau
Dentalhygiene, Prothetik, Bleaching und Notfall — direkt am Bahnhof Goldau.
Skala (Richtwerte)
| Ebene | Grösse | Einsatz |
|---|---|---|
| H1 Hero | clamp(2.8rem, 6vw, 5rem) | Startseiten-Headline |
| H2 Sektion | clamp(2rem, 4vw, 3.2rem) | Sektionstitel |
| H3 Karte | 1.25–1.5rem | Kartenüberschriften |
| Body | 1rem / 1.7 line-height | Fliesstext |
| Small | 0.85rem | Labels, Meta |
3. Farbsystem
Cyan-basierte Palette mit Navy für Dark-Sektionen. Primärfarbe #0891b2 ist der visuelle Anker der Marke.
| Token | Hex | Einsatz |
|---|---|---|
--primary |
#0891b2 |
Primärfarbe — Buttons, Links, Highlights |
--primary-dark |
#0e7490 |
Hover / aktiver Zustand |
--primary-deep |
#155e75 |
Tiefe Akzente, Icon-Hintergründe |
--primary-light |
#22d3ee |
Gradient-Spitzlicht |
--primary-soft |
#ecfeff |
Sanfte Flächen, Badge-Hintergrund |
--navy |
#0c1222 |
Dark-Sektionen (Footer, Praxis-Block) |
--navy-light |
#131b2e |
Dark-Sektionen sekundär |
--text |
#1e293b |
Fliesstext |
--text-mid |
#475569 |
Sekundärtext |
--text-light |
#94a3b8 |
Meta-Info, Labels |
--border |
#e2e8f0 |
Standard-Rahmen |
--surface |
#ffffff |
Karten-Hintergrund |
--surface-raised |
#f8fafc |
Leicht erhobene Flächen |
--green |
#10b981 |
Erfolg / geöffnet |
--amber |
#f59e0b |
Warnung / eingeschränkt |
--red |
#ef4444 |
Notfall / Fehler |
--whatsapp |
#25D366 |
WhatsApp-Kontakt-Button |
Gradients
| Token | Vorschau | Einsatz |
|---|---|---|
--gradient-1 |
Hero-Akzente, CTA | |
--gradient-2 |
Dark-Sektionen |
4. Spacing, Radii & Shadows
Border-Radius
| Token | Wert | Einsatz | Vorschau |
|---|---|---|---|
--radius-sm |
8px |
Inputs, Chips | |
--radius-md |
12px |
Buttons, Badges | |
--radius-lg |
16px |
Karten, kleine Container | |
--radius-xl |
24px |
Grosse Sektionen | |
--radius-2xl |
32px |
Hero, Feature-Panels |
Schatten
| Token | CSS | Vorschau |
|---|---|---|
--shadow-sm |
0 1px 2px rgba(0,0,0,0.05) |
|
--shadow-md |
0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05) |
|
--shadow-lg |
0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -4px rgba(0,0,0,0.05) |
|
--shadow-xl |
0 20px 25px -5px rgba(0,0,0,0.08), 0 8px 10px -6px rgba(0,0,0,0.04) |
|
--shadow-glow |
0 0 50px rgba(8,145,178,0.12) |
Spacing-Raster
Sektionen verwenden padding: 5rem 1.5rem (Desktop) bzw. 3rem 1rem (Mobile). Karten-Innenabstand 1.5rem–2rem. Vertikale Rhythmik basiert auf Vielfachen von 0.25rem.
5. Komponenten
Buttons
Termin vereinbaren
Mehr erfahren
Primary = Gradient + Shadow · Secondary = Outline
Badges
Geöffnet
Bald geschlossen
Notfall
Neu
Karte (Service)
DH
Dentalhygiene
Professionelle Zahnreinigung und Prophylaxe für langfristige Mundgesundheit.
6. Module & Templates
Dateistruktur des WordPress-Themes zahnarztingoldau:
| Datei | Rolle |
|---|---|
header.php | HTML-Head, wp_head(), body_class() |
footer.php | wp_footer(), schliesst <body>/<html> |
front-page.php | Startseite — sämtliche Module hardcoded |
page-impressum.php | Template — lädt Content aus WP-Editor |
page-datenschutz.php | Template — lädt Content aus WP-Editor |
page-interne-dokumentation.php | Dieser Styleguide (passwortgeschützt) |
inc/nav.php | Shared Top-Navigation |
inc/class-nav-walker.php | Walker — strippt WP-Klassen aus Menüs |
functions.php | Setup, Meta-Tags, JSON-LD, Menü-Registrierung |
assets/css/main.css | Gesamtes Design-System (≈1620 Zeilen) |
assets/js/main.js | Nav-Scroll-Effekt, Mobile-Menu-Toggle |
assets/img/tooth_icon.svg | Logo-Icon (Zahn) |
Hinweis: Die Startseite
front-page.php ist aus dem ursprünglichen HTML-Prototyp migriert und hardcoded. Inhaltliche Änderungen an der Startseite erfolgen im Template — nicht im WP-Editor.
7. SEO & AI-GEO
SEO-Meta-Tags und JSON-LD-Schemas werden zentral in functions.php ausgegeben (Hook wp_head). AI-Crawler (GPTBot, ClaudeBot, PerplexityBot) erhalten die gleichen strukturierten Daten wie klassische Suchmaschinen.
Aktive Schemas (Startseite)
Dentist— Praxisdaten, Öffnungszeiten, Leistungen, BewertungenFAQPage— häufige Fragen zu Terminen, Notfall, VersicherungLocalBusiness— Adresse, Geo-Koordinaten, Einzugsgebiet
Indexierungs-Regeln
| Seite | Robots-Meta |
|---|---|
/ | index, follow, max-snippet:-1, max-image-preview:large |
/impressum/ | noindex |
/datenschutz/ | noindex |
/interne-dokumentation/ | noindex, nofollow · passwortgeschützt |
8. CI/CD & Migration-Workflow
So werden Änderungen korrekt in die Produktion gebracht:
- Lokal entwickeln — Local by Flywheel (
http://zahnarztingoldau.local/), Theme unterwp-content/themes/zahnarztingoldau/. - Design-Tokens zuerst — neue Farben, Radien, Schatten immer als CSS-Variable in
:rootvonmain.cssanlegen, nie hardcoden. - Typografie — ausschliesslich Plus Jakarta Sans und Instrument Serif verwenden.
- Templating — neue Seiten via PHP-Template-Datei, Zuweisung über
Template Name-Kommentar. - Menüs — über WP-Admin (Design → Menüs), niemals hardcoden.
- Staging-Check — Lighthouse, Screenreader, Mobile-Viewport.
- Deploy — Push auf Live-Server via SFTP oder Git-Deployment.
- SEO-Validierung — JSON-LD mit Schema-Validator prüfen.
Kontaktdaten (Stammdaten)
| Praxis | Zahnarzt in Goldau |
|---|---|
| Inhaber | Dipl. med. dent. Thomas Radosz |
| Adresse | Bahnhofstrasse 9, 6410 Goldau |
| Telefon | 041 855 42 22 |
| info@zahnarztingoldau.ch | |
| Domain | https://zahnarztingoldau.ch/ |
Zugriff: Diese Seite ist passwortgeschützt (Passwort:
intern) und über <meta name="robots" content="noindex,nofollow"> vor Crawlern ausgeschlossen. Die Inhalte sind als PHP-Datenstruktur in page-interne-dokumentation.php gepflegt und können direkt aus dem Code geladen / exportiert werden.
Letzte Aktualisierung: 21.04.2026 · Theme: zahnarztingoldau